*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#333;background-color:#f1f1f1}.app-container{justify-content:center;min-height:100vh;padding:20px;display:flex}.chat-window{flex-direction:column;gap:15px;width:100%;max-width:500px;padding-bottom:60px;display:flex}.messages-stream{flex-direction:column;gap:12px;display:flex}.bot-message-container{align-items:flex-end;gap:10px;animation:.4s ease-out fadeIn;display:flex}.user-message-container{justify-content:flex-end;margin-top:5px;margin-bottom:5px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar{flex-shrink:0;width:32px;height:32px;margin-bottom:5px}.avatar-img{background-color:#ddd;background-image:url(../perfilk.png);background-size:cover;border-radius:50%;width:100%;height:100%}.message-bubble{white-space:pre-wrap;border-radius:8px;max-width:85%;padding:12px 16px;font-size:15px;line-height:1.5}.bot-message{background-color:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:2px;box-shadow:0 1px 2px #0000000d}.user-message{color:#fff;background-color:#ff5a26;border-bottom-right-radius:2px;box-shadow:0 1px 2px #ff5a2633}.image-message{padding:8px}.image-message img{border-radius:4px;width:100%;display:block}.checklist-message ul{padding:0;list-style:none}.checklist-message li{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.testimonial-message{color:#555;background-color:#f9f9f9;font-style:italic}.price-strike-message{color:#888;font-size:14px;text-decoration:line-through}.price-offer-message{border-left:4px solid #ff5a26;font-weight:500}.faq-message{background-color:#fafafa}.faq-message strong{color:#d84a1b;margin-bottom:5px;display:block}.user-interaction{justify-content:flex-end;margin-top:10px;padding-left:42px;display:flex}.buttons-area{flex-direction:column;gap:10px;width:100%;display:flex}.action-button{color:#fff;cursor:pointer;background-color:#ff5a26;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s;display:flex;box-shadow:0 2px 4px #ff5a264d}.action-button:hover{background-color:#e04818}.action-button:active{transform:translateY(1px)}.check-icon{color:#fff;background-color:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:inline-flex}.text-input-area{gap:8px;width:100%;display:flex}.text-input-area input{border:1px solid #ccc;border-radius:4px;outline:none;flex-grow:1;padding:12px 16px;font-size:15px}.text-input-area input:focus{border-color:#ff5a26}.send-button{color:#fff;cursor:pointer;background-color:#ff5a26;border:none;border-radius:4px;justify-content:center;align-items:center;width:48px;font-size:20px;display:flex}.send-button:hover{background-color:#e04818}.typing-container{margin-top:5px}.typing-bubble{justify-content:center;align-items:center;width:50px;height:40px;padding:0;display:flex}.dot-typing{color:#aaa;background-color:#aaa;border-radius:5px;width:6px;height:6px;animation:1.5s linear infinite dot-typing;position:relative;left:-9999px;box-shadow:9984px 0 #aaa,9999px 0 #aaa,10014px 0 #aaa}@keyframes dot-typing{0%{box-shadow:9984px 0 #aaa,9999px 0 #aaa,10014px 0 #aaa}16.667%{box-shadow:9984px -6px #aaa,9999px 0 #aaa,10014px 0 #aaa}33.333%{box-shadow:9984px 0 #aaa,9999px 0 #aaa,10014px 0 #aaa}50%{box-shadow:9984px 0 #aaa,9999px -6px #aaa,10014px 0 #aaa}66.667%{box-shadow:9984px 0 #aaa,9999px 0 #aaa,10014px 0 #aaa}83.333%{box-shadow:9984px 0 #aaa,9999px 0 #aaa,10014px -6px #aaa}to{box-shadow:9984px 0 #aaa,9999px 0 #aaa,10014px 0 #aaa}}.quiz-container{color:#333;background-color:#f4f7f6;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}.quiz-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:600px;padding:40px;box-shadow:0 10px 30px #0000000d}.login-card h1{color:#2c3e50;text-align:center;margin-bottom:5px;font-size:24px}.subtitle{text-align:center;color:#7f8c8d;margin-bottom:30px;font-size:14px}.quiz-instructions{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:30px;padding:20px}.quiz-instructions p{margin:8px 0;font-size:15px}.login-form{flex-direction:column;gap:15px;display:flex}.login-form input{border:1px solid #ddd;border-radius:8px;outline:none;padding:15px;font-size:16px;transition:all .3s}.login-form input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.quiz-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.quiz-btn.primary{color:#fff;background:#27ae60}.quiz-btn.primary:hover:not(:disabled){background:#219a52}.quiz-btn:disabled{cursor:not-allowed;background:#bdc3c7}.error-msg{color:#e74c3c;text-align:center;margin:0;font-size:14px}.quiz-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.quiz-header-left{align-items:center;gap:15px;display:flex}.timer-badge{color:#fff;background:#34495e;border-radius:8px;align-items:center;gap:8px;padding:8px 15px;font-size:16px;font-weight:700;display:flex}.timer-danger{background:#e74c3c;animation:1s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.warning-text{background-color:#fdedec;border-left:4px solid #e74c3c;border-radius:6px;padding:10px;color:#c0392b!important}.question-count{color:#7f8c8d;font-size:14px;font-weight:600}.attempts-badge{color:#16a085;background:#e8f6f3;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.question-text{color:#2c3e50;margin-bottom:25px;font-size:18px;font-weight:600;line-height:1.5}.options-container{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.option-btn{text-align:left;color:#34495e;cursor:pointer;background:#fff;border:2px solid #ecf0f1;border-radius:8px;padding:15px 20px;font-size:15px;line-height:1.4;transition:all .2s}.option-btn:hover{background:#fcfcfc;border-color:#bdc3c7}.option-btn.selected{color:#2980b9;background:#ebf5fb;border-color:#3498db}.quiz-footer{justify-content:flex-end;display:flex}.result-card h1{text-align:center;color:#2c3e50;margin-bottom:30px}.score-box{text-align:center;border-radius:12px;margin-bottom:30px;padding:30px}.score-box.passed{color:#27ae60;background:#eafaf1;border:2px solid #abebc6}.score-box.failed{color:#c0392b;background:#fdedec;border:2px solid #f5b7b1}.score-box h2{margin:0 0 10px;font-size:36px}.score-box p{opacity:.9;margin:0;font-size:16px}.result-feedback{text-align:center}.result-feedback h3{margin-bottom:15px}.result-feedback p{color:#7f8c8d;margin-bottom:25px;line-height:1.6}.result-feedback.error h3{color:#e74c3c}.no-attempts{background:#fdf2f0;border-radius:8px;padding:15px;font-weight:600;color:#e74c3c!important}@media (width<=600px){.quiz-card{padding:25px}.score-box h2{font-size:28px}}