.test-page{min-height:100vh;background:#050508;color:#e4e4e7}.test-banner{display:flex;align-items:center;gap:12px;padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;font-size:18px}.test-loading{display:flex;align-items:center;justify-content:center}.test-content{max-width:640px;margin:0 auto;padding:48px 32px}.test-progress{margin-bottom:24px;color:#a1a1aa;font-size:14px}.q-type-badge{margin-left:8px;background:#3b82f6;padding:2px 8px;border-radius:4px;font-size:12px}.test-image{margin-bottom:24px;border-radius:12px;overflow:hidden}.test-image img{width:100%;display:block}.test-question{font-size:22px;line-height:1.5;margin-bottom:32px}.test-options{display:flex;flex-direction:column;gap:12px}.test-option{padding:18px 20px;text-align:left;background:#18181b;border:1px solid #3f3f46;border-radius:12px;color:#e4e4e7;font-size:16px;cursor:pointer;transition:all .2s ease}.test-option:hover{background:#27272a;border-color:#6366f1;transform:translate(4px);box-shadow:0 4px 12px #6366f126}.test-option:active,.test-option.clicked{background:#6366f133;border-color:#6366f1;box-shadow:0 0 0 2px #6366f166}.test-intro-title{font-size:28px;margin-bottom:12px}.test-intro-desc{color:#a1a1aa;margin-bottom:32px}.name-form{display:flex;flex-direction:column;gap:16px;max-width:360px}.name-form input{padding:14px 18px;font-size:16px;border:1px solid #3f3f46;border-radius:10px;background:#18181b;color:#e4e4e7}.name-form input:focus{outline:none;border-color:#6366f1}.name-form button{padding:14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.name-form button:hover{opacity:.95}.test-done{text-align:center}.test-done h1{color:#34d399;margin-bottom:16px}.dashboard{min-height:100vh;background:#050508;color:#e4e4e7;overflow-x:hidden;font-size:18px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 48px;position:sticky;top:0;z-index:100;background:#050508d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px}.brand:hover{color:#a78bfa;text-decoration:none}.dashboard-header nav{display:flex;gap:28px;align-items:center}.dashboard-header nav a{color:#a1a1aa;font-weight:500;font-size:18px;transition:color .2s}.dashboard-header nav a:hover{color:#fff}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;padding:12px 24px!important;border-radius:12px!important;font-weight:600}.btn-primary:hover{opacity:.95;color:#fff!important;text-decoration:none!important;box-shadow:0 4px 20px #8b5cf666}.hero{position:relative;text-align:center;overflow:hidden}.hero-fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 48px}.hero-bg-full{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05050880,#050508d9);pointer-events:none}.hero-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(139,92,246,.12) 0%,rgba(99,102,241,.06) 40%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-logo{margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(139,92,246,.3))}.hero h1{font-size:80px;font-weight:800;letter-spacing:-3px;background:linear-gradient(135deg,#fff,#a78bfa 40%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.tagline{font-size:28px;color:#a1a1aa;max-width:700px;margin:0 auto 12px;line-height:1.5}.hero-sub{font-size:20px;color:#71717a}.purpose-section{position:relative;padding:100px 48px;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.purpose-section-bg .purpose-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.purpose-section-bg .purpose-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050508eb,#050508bf,#05050899);pointer-events:none}.purpose-section-bg .purpose-content{position:relative;z-index:1;max-width:640px}.purpose-content .section-title{text-align:left;margin-bottom:20px}.purpose-lead{font-size:18px;color:#a1a1aa;line-height:1.7;margin-bottom:28px}.purpose-content h3{font-size:20px;color:#fff;margin:24px 0 12px}.purpose-content ul{list-style:none}.purpose-content ul li{padding:12px 0 12px 32px;position:relative;color:#d4d4d8;font-size:20px;line-height:1.6}.purpose-content ul li:before{content:"→";position:absolute;left:0;color:#8b5cf6;font-weight:700}.purpose-content p{color:#a1a1aa;font-size:20px;line-height:1.7}.contact-section{padding:0 48px 100px}.contact-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{padding:16px 20px;font-size:18px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0000004d;color:#e4e4e7}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{padding:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:600;cursor:pointer}.contact-sent{max-width:500px;margin:0 auto;padding:32px;font-size:19px;background:#34d3991a;border:1px solid rgba(52,211,153,.3);border-radius:16px;color:#34d399;text-align:center}.signup-sent h2{margin-bottom:12px}.signup-error{color:#f87171;font-size:14px;margin-top:-8px}.signup-actions{display:flex;gap:16px;align-items:center;margin-top:20px}.contact-link{color:#a78bfa}.stats-section{padding:0 48px 80px}.section-title{font-size:34px;font-weight:700;margin-bottom:32px;text-align:center;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.stat-card{padding:40px 32px;border-radius:20px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.stat-allowed{background:linear-gradient(145deg,#34d3991f,#34d3990a);border-color:#34d39933}.stat-total{background:linear-gradient(145deg,#8b5cf626,#6366f10f);border-color:#8b5cf640}.stat-completed{background:linear-gradient(145deg,#3b82f61f,#3b82f60a);border-color:#3b82f633}.stat-value{display:block;font-size:56px;font-weight:800;letter-spacing:-2px}.stat-allowed .stat-value{color:#34d399}.stat-total .stat-value{color:#a78bfa}.stat-completed .stat-value{color:#60a5fa}.stat-label{display:block;font-size:22px;font-weight:600;margin-top:8px;color:#fff}.stat-desc{display:block;font-size:16px;color:#71717a;margin-top:4px}.about-section{padding:0 48px 80px}.about-card{max-width:1000px;margin:0 auto;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr;min-height:280px}.about-visual{background:linear-gradient(135deg,#8b5cf626,#6366f114)}.about-visual img{width:100%;height:100%;object-fit:cover}.about-content{padding:48px}.about-content h3{font-size:28px;margin-bottom:16px;color:#fff}.about-content p{color:#a1a1aa;font-size:19px;line-height:1.7;margin-bottom:20px}.about-content ul{list-style:none}.about-content li{font-size:18px;color:#d4d4d8;position:relative;padding:10px 0 10px 28px}.about-content li:before{content:"✓";position:absolute;left:0;color:#34d399;font-weight:700}.recent-section{padding:0 48px 80px}.recent-card{max-width:900px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px}.recent-card h2{margin-bottom:24px}.table-wrap{overflow-x:auto}.recent-card table{width:100%;border-collapse:collapse}.recent-card th{text-align:left;padding:14px 16px;font-size:12px;color:#71717a;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.recent-card td{padding:14px 16px;font-size:14px;border-top:1px solid rgba(255,255,255,.06)}.badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.badge-success{background:#34d39933;color:#34d399}.badge-warning{background:#fbbf2433;color:#fbbf24}.faq-section{padding:0 48px 100px}.faq-list{max-width:700px;margin:0 auto}.faq-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:12px;overflow:hidden;background:#ffffff05}.faq-item.open{border-color:#8b5cf64d;background:#8b5cf60d}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:none;border:none;color:#fff;font-size:20px;font-weight:600;text-align:left;cursor:pointer}.faq-question:hover{color:#a78bfa}.faq-icon{font-size:28px;color:#71717a;flex-shrink:0;margin-left:16px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:280px}.faq-answer p{padding:0 28px 24px;font-size:19px;color:#a1a1aa;line-height:1.7}.dashboard-footer{padding:40px 48px;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;font-size:17px;color:#a1a1aa;font-weight:600}.footer-brand:hover{color:#fff}.footer-info{display:flex;flex-direction:column;align-items:flex-end;font-size:17px;color:#71717a}.loading-pulse{text-align:center;padding:100px 20px;font-size:20px;color:#71717a}.loader{width:48px;height:48px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#f8717126;border:1px solid rgba(248,113,113,.3);padding:24px;font-size:19px;border-radius:16px;color:#f87171;max-width:600px;margin:60px auto}@media (max-width: 768px){.dashboard{font-size:17px}.dashboard-header{padding:16px 20px}.brand{font-size:20px}.hero-fullscreen{padding:48px 20px;min-height:85vh}.hero h1{font-size:48px}.tagline{font-size:22px}.hero-sub{font-size:17px}.section-title{font-size:28px}.purpose-section{padding:60px 20px;min-height:60vh}.purpose-lead{font-size:19px}.purpose-content h3{font-size:22px}.purpose-content ul li,.purpose-content p{font-size:18px}.purpose-content .section-title{text-align:center}.stat-value{font-size:44px}.stat-label{font-size:18px}.stat-desc{font-size:15px}.about-content h3{font-size:24px}.about-content p,.about-content li{font-size:17px}.faq-question{font-size:18px}.faq-answer p{font-size:17px}.stats-section,.about-section,.faq-section,.contact-section{padding-left:20px;padding-right:20px}.stats-grid,.about-card{grid-template-columns:1fr}.about-visual{min-height:200px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0c0c0f,#131318,#0f0f14);padding:24px}.login-card{width:100%;max-width:420px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px}.login-card .logo{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:22px;font-weight:700;color:#fff;margin-bottom:32px}.login-card .logo:hover{color:#a78bfa}.login-card h1{font-size:28px;margin-bottom:8px}.login-card label{display:block;margin-top:16px;margin-bottom:8px;font-size:14px;color:#a1a1aa}.login-card input[type=email],.login-card input[type=password],.login-card input[type=text]{width:100%;padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e4e4e7;font-size:16px}.login-card input:focus{outline:none;border-color:#8b5cf6}.login-card button{width:100%;margin-top:24px;padding:14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.login-card button:hover:not(:disabled){opacity:.95}.login-card button:disabled{opacity:.7;cursor:not-allowed}.billing-options{display:flex;flex-direction:column;gap:12px}.billing-option{display:flex;align-items:center;gap:12px;padding:14px;background:#0003;border-radius:10px;cursor:pointer}.billing-option input{width:auto!important}.signup-card,.signup-simple{max-width:420px}.signup-sent{text-align:center;padding:24px 0}.signup-sent h2{color:#34d399;margin-bottom:12px}.signup-sent p{color:#a1a1aa;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0f0f12;color:#e4e4e7;min-height:100vh;line-height:1.6}a{color:#818cf8;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;border:none;border-radius:8px;padding:10px 20px;background:#3b82f6;color:#fff;transition:background .2s}button:hover{background:#2563eb}button:disabled{opacity:.6;cursor:not-allowed}input,select{font:inherit;padding:10px 14px;border:1px solid #3f3f46;border-radius:8px;background:#18181b;color:#e4e4e7;width:100%}input:focus,select:focus{outline:none;border-color:#3b82f6}.container{max-width:900px;margin:0 auto;padding:24px}@media (max-width: 768px){.mobile-block-screen{display:flex!important}.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-block-screen{display:none!important}}