@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#0f172a;--primary-hover:#1e293b;--accent:#059669;--accent-soft:#ecfdf5;--accent-green:#10b981;--accent-red:#ef4444;--accent-blue:#6366f1;--bg-light:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:1100px;margin:0 auto;padding:40px 20px}nav{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.logo{color:var(--primary);align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.nav-links{gap:30px;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary)}.step-indicator{justify-content:center;gap:12px;margin-bottom:40px;display:flex}.step-dot{background:var(--border);border-radius:50%;width:10px;height:10px;transition:all .3s}.step-dot.active{background:var(--accent-blue);transform:scale(1.3);box-shadow:0 0 0 4px #6366f133}.glass-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;transition:transform .2s,box-shadow .2s}.glass-card:hover{box-shadow:var(--shadow-lg)}h1{letter-spacing:-.025em;color:var(--primary);font-size:3rem;font-weight:800;line-height:1.1}h2{color:var(--primary);font-size:2.25rem;font-weight:700}h3{color:var(--text-main);font-size:1.1rem;font-weight:600}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--primary);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-light);border-color:var(--primary)}.btn-option{color:var(--text-main);border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;min-width:80px;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.btn-option:hover{border-color:var(--accent-blue);background:#6366f10a}.btn-option.selected{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #6366f133}.question-card{margin-bottom:16px;padding:24px 28px}.webcam-container{aspect-ratio:3/4;border:2px solid var(--border);background:#000;border-radius:20px;width:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.webcam-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-guide{border:3px dashed #ffffff80;border-radius:50%;width:220px;height:280px;animation:2s ease-in-out infinite pulse-guide}@keyframes pulse-guide{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:28px;height:28px;margin:20px auto;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-badge{letter-spacing:.02em;border-radius:100px;padding:8px 20px;font-size:.9rem;font-weight:700}.badge-green{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98140}.badge-orange{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40}.about-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.team-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;display:grid}.team-card{text-align:center;padding:40px 24px}.avatar{background:var(--bg-light);border:2px solid var(--border);width:120px;height:120px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.team-role{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9rem;font-weight:600}.text-muted{color:var(--text-muted)}.mt-40{margin-top:40px}.mb-20{margin-bottom:20px}@media (width<=900px){h1{font-size:2rem}h2{font-size:1.5rem}.about-grid,.team-grid{grid-template-columns:1fr}}