@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#5244d2;--primary-light:#aea6f2;--primary-bg:#eceafe;--text-dark:#334155;--text-muted:#64748b;--text-light:#94a3b8;--bg-page:#f7f7fb;--bg-card:#fff;--border:#e2e8f0;--success:#16a34a;--gradient:linear-gradient(135deg, #5244d2 0%, #aea6f2 50%, #b2dffd 100%)}body{background:var(--bg-page);color:var(--text-dark);min-height:100vh;font-family:Segoe UI,Segoe UI Variable,Segoe UI Semibold,sans-serif;line-height:1.6;overflow-x:hidden}.page-bg{z-index:-1;background:radial-gradient(ellipse 80% 50% at 20% -20%, #5244d226, transparent), radial-gradient(ellipse 60% 40% at 80% 100%, #8b7cf71a, transparent), var(--bg-page);position:fixed;inset:0}.main-container{max-width:720px;margin:0 auto;padding:48px 24px 100px}.intro-section{text-align:center;margin-bottom:48px;animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-pill{background:var(--primary-bg);color:var(--primary);text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pill svg{width:14px;height:14px}.intro-section h1{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.875rem,5vw,2.75rem);font-weight:800;line-height:1.15}.intro-section h1 .highlight{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.intro-section .subtitle{color:var(--text-muted);max-width:480px;margin:0 auto 24px;font-size:1.1rem}.dimensions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.dimension-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dark);border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.dimension-badge:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #5244d21f}.dimension-badge .icon{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.dimension-badge .icon svg{width:18px;height:18px}.no-email-note{color:var(--success);background:#16a34a1a;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;display:inline-flex}.no-email-note svg{width:16px;height:16px}.role-section{margin-bottom:32px;animation:.6s ease-out .1s both fadeInUp}.role-section h2{text-align:center;color:var(--text-dark);margin-bottom:24px;font-size:1.25rem;font-weight:700}.role-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=640px){.role-cards{grid-template-columns:1fr}}.role-card{background:var(--bg-card);border:2px solid var(--border);text-align:center;cursor:pointer;border-radius:20px;padding:28px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-card:before{content:"";background:var(--gradient);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.role-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 40px #00000014}.role-card:hover:before{opacity:1}.role-card.selected{border-color:var(--primary);background:linear-gradient(180deg, var(--primary-bg) 0%, var(--bg-card) 100%)}.role-card.selected:before{opacity:1}.role-icon-wrap{background:var(--primary-bg);border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:2rem;transition:transform .3s;display:flex}.role-card:hover .role-icon-wrap{transform:scale(1.1)}.role-title{color:var(--text-dark);margin-bottom:6px;font-size:1rem;font-weight:700}.role-desc{color:var(--text-muted);font-size:.8rem}.quiz-section{animation:.4s ease-out fadeInUp;display:none}.quiz-section.active{display:block}.progress-container{margin-bottom:32px}.progress-text{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:.875rem;display:flex}.progress-bar{background:var(--border);border-radius:6px;height:6px;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:6px;height:100%;transition:width .4s}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;padding:36px;box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a}.question-category{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--primary-bg);border-radius:6px;margin-bottom:20px;padding:6px 14px;font-size:.7rem;font-weight:700;display:inline-block}.question-text{color:var(--text-dark);margin-bottom:28px;font-size:1.25rem;font-weight:600;line-height:1.5}.options-list{flex-direction:column;gap:10px;display:flex}.option-item{background:var(--bg-page);cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.option-item:hover{background:var(--primary-bg);border-color:#5244d233}.option-item.selected{background:var(--primary-bg);border-color:var(--primary)}.option-item input[type=radio]{opacity:0;position:absolute}.radio-custom{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.radio-custom:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;transition:transform .2s;transform:scale(0)}.option-item.selected .radio-custom{border-color:var(--primary)}.option-item.selected .radio-custom:after{transform:scale(1)}.option-label{color:var(--text-dark);flex:1;font-size:.95rem;font-weight:500}.quiz-nav{justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-family:Segoe UI,Segoe UI Variable,Segoe UI Semibold,sans-serif;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn svg{width:18px;height:18px}.btn-secondary{background:var(--bg-page);color:var(--text-muted);border:2px solid var(--border)}.btn-secondary:hover{background:var(--border);color:var(--text-dark)}.btn-primary{background:var(--gradient);color:#fff;flex:1;max-width:200px;box-shadow:0 4px 16px #5244d24d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5244d266}.btn-primary:disabled{background:var(--border);color:var(--text-light);cursor:not-allowed;box-shadow:none;transform:none}.site-footer{text-align:center;color:var(--text-light);padding:32px 24px;font-size:.875rem}.site-footer a{color:var(--primary);font-weight:500;text-decoration:none;transition:opacity .2s}.site-footer a:hover{opacity:.8}.footer-divider{background:var(--border);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin:0 12px;display:inline-block}@media (width<=640px){.main-container{padding:32px 16px 80px}.dimensions{flex-direction:column;align-items:center}.dimension-badge{justify-content:center;width:100%;max-width:280px}.question-card{border-radius:20px;padding:24px 20px}.question-text{font-size:1.1rem}.quiz-nav{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;max-width:none}.progress-ring{display:none}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.role-card:focus-visible,.option-item:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.gradient-border,.question-card{position:relative;border-color:#0000!important}.gradient-border:before,.question-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.55;background:linear-gradient(135deg,#5244d2,#aea6f2,#b2dffd,#aea6f2,#5244d2) 0 0/200% 200%;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}