:root{--primary:#4a6cf7;--primary-dark:#3451b2;--accent:#6c5ce7;--success:#00b894;--warning:#fdcb6e;--danger:#e17055;--bg:#f0f4ff;--card:#fff;--text:#2d3436;--text-light:#636e72;--radius:16px;--shadow:0 8px 32px rgba(74,108,247,.12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:20px}.header{text-align:center;padding:40px 20px 30px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:0 0 30px 30px;margin-bottom:30px;position:relative;overflow:hidden}.header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,20px)}}.header h1{font-size:1.8rem;margin-bottom:10px;position:relative;z-index:1}.header p{font-size:1rem;opacity:.9;max-width:600px;margin:0 auto;position:relative;z-index:1}.header .icon{font-size:3rem;margin-bottom:15px;display:block;position:relative;z-index:1}.progress-container{background:var(--card);border-radius:var(--radius);padding:20px 25px;margin-bottom:25px;box-shadow:var(--shadow)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-info .block-name{font-weight:600;color:var(--primary);font-size:.95rem}.progress-info .counter{font-weight:700;color:var(--text-light);font-size:.9rem}.progress-bar{width:100%;height:10px;background:#e8ecf4;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);width:0%}.progress-steps{display:flex;justify-content:space-between;margin-top:12px;position:relative}.progress-steps::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:#e8ecf4;transform:translateY(-50%);z-index:0}.step-dot{width:28px;height:28px;border-radius:50%;background:#e8ecf4;border:2px solid #e8ecf4;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#b2bec3;position:relative;z-index:1;transition:all .3s ease}.step-dot.active{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.15);box-shadow:0 0 0 4px rgba(74,108,247,.2)}.step-dot.completed{background:var(--success);border-color:var(--success);color:#fff}.question-card{background:var(--card);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);margin-bottom:20px;animation:fadeInUp .4s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-number{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;width:36px;height:36px;border-radius:50%;text-align:center;line-height:36px;font-weight:700;font-size:.9rem;margin-bottom:15px}.question-text{font-size:1.1rem;font-weight:500;margin-bottom:25px;line-height:1.7}.options{display:flex;flex-direction:column;gap:12px}.option-btn{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border:2px solid #e8ecf4;border-radius:12px;background:#fafbff;cursor:pointer;transition:all .25s ease;text-align:left;font-size:.95rem;line-height:1.5;color:var(--text);width:100%}.option-btn:hover{border-color:var(--primary);background:#f0f4ff;transform:translateX(4px)}.option-btn.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(74,108,247,.08),rgba(108,92,231,.08));box-shadow:0 4px 15px rgba(74,108,247,.15)}.option-btn.selected .option-marker{background:var(--primary);border-color:var(--primary);color:#fff}.option-marker{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:2px solid #d1d5e0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--text-light);transition:all .25s ease}.yn-options{display:flex;gap:15px;justify-content:center}.yn-btn{flex:1;max-width:200px;padding:18px 20px;border:2px solid #e8ecf4;border-radius:12px;background:#fafbff;cursor:pointer;transition:all .25s ease;text-align:center;font-size:1.05rem;font-weight:600;color:var(--text)}.yn-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}.yn-btn.yes:hover,.yn-btn.yes.selected{border-color:var(--success);background:rgba(0,184,148,.08);color:var(--success)}.yn-btn.no:hover,.yn-btn.no.selected{border-color:var(--danger);background:rgba(225,112,85,.08);color:var(--danger)}.yn-btn.selected{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.nav-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.nav-btn{padding:14px 32px;border:0;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:8px}.nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-back{background:#e8ecf4;color:var(--text-light)}.btn-back:hover:not(:disabled){background:#d1d5e0;transform:translateX(-3px)}.btn-next{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;margin-left:auto}.btn-next:hover:not(:disabled){transform:translateX(3px);box-shadow:0 6px 20px rgba(74,108,247,.3)}.btn-start{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:18px 48px;font-size:1.15rem;border-radius:14px;border:0;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 8px 25px rgba(74,108,247,.3)}.btn-start:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(74,108,247,.4)}.welcome-screen{text-align:center;padding:40px 20px}.welcome-screen h2{font-size:1.5rem;margin-bottom:15px;color:var(--text)}.welcome-screen p{color:var(--text-light);max-width:550px;margin:0 auto 30px;font-size:1rem;line-height:1.7}.blocks-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:30px 0;text-align:left}.block-preview-item{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.06);border-left:4px solid var(--primary)}.block-preview-item:nth-child(2){border-left-color:var(--accent)}.block-preview-item:nth-child(3){border-left-color:var(--success)}.block-preview-item h4{font-size:.9rem;margin-bottom:6px;color:var(--text)}.block-preview-item p{font-size:.8rem;color:var(--text-light);margin:0}.results-screen{animation:fadeInUp .6s ease}.result-card{background:var(--card);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);margin-bottom:20px}.result-card h3{font-size:1.2rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.result-card h3 .emoji{font-size:1.5rem}.score-display{display:flex;align-items:center;gap:20px;margin-bottom:20px}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#fff;flex-shrink:0}.score-circle.high{background:linear-gradient(135deg,var(--success),#55efc4);box-shadow:0 6px 20px rgba(0,184,148,.3)}.score-circle.medium{background:linear-gradient(135deg,var(--warning),#f9a825);box-shadow:0 6px 20px rgba(253,203,110,.3)}.score-circle.low{background:linear-gradient(135deg,var(--danger),#e17055);box-shadow:0 6px 20px rgba(225,112,85,.3)}.score-details{flex:1}.score-details h4{font-size:1.05rem;margin-bottom:5px}.score-details p{font-size:.9rem;color:var(--text-light);line-height:1.6}.score-bar-container{margin-top:12px}.score-bar-bg{width:100%;height:8px;background:#e8ecf4;border-radius:8px;overflow:hidden}.score-bar-fill{height:100%;border-radius:8px;transition:width 1s ease}.score-bar-fill.high{background:var(--success)}.score-bar-fill.medium{background:var(--warning)}.score-bar-fill.low{background:var(--danger)}.verdict-card{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:var(--radius);padding:35px 30px;box-shadow:0 10px 40px rgba(74,108,247,.25);text-align:center;margin-top:25px}.verdict-card h2{font-size:1.4rem;margin-bottom:15px}.verdict-card p{font-size:1rem;line-height:1.7;opacity:.95;max-width:600px;margin:0 auto}.verdict-emoji{font-size:3rem;margin-bottom:15px;display:block}.btn-group{margin-top:30px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.action-btn{padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-restart{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-restart:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.btn-export{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);color:#fff}.btn-export:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.block-intro{background:var(--card);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);margin-bottom:20px;text-align:center;animation:fadeInUp .4s ease}.block-intro .block-icon{font-size:2.5rem;margin-bottom:10px}.block-intro h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary)}.block-intro p{color:var(--text-light);font-size:.95rem;max-width:500px;margin:0 auto;line-height:1.6}.block-intro .btn-next{margin-top:20px}.hidden{display:none!important}@media(max-width:600px){.header h1{font-size:1.4rem}.header p{font-size:.9rem}.question-card{padding:20px}.question-text{font-size:1rem}.option-btn{padding:14px 16px;font-size:.9rem}.yn-options{flex-direction:column;align-items:center}.yn-btn{max-width:100%;width:100%}.nav-btn{padding:12px 20px;font-size:.9rem}.blocks-preview{grid-template-columns:1fr}.score-display{flex-direction:column;text-align:center}.container{padding:12px}.btn-group{flex-direction:column}}