:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-dark:oklch(14% .01 250);--bg-light:oklch(98% .01 250);--text-dark:oklch(86% .01 250);--text-light:oklch(25% .01 250);--text-muted-dark:oklch(62% .01 250);--text-muted-light:oklch(50% .01 250);--text-h-dark:oklch(98% .01 250);--text-h-light:oklch(12% .01 250);--accent-dark:oklch(72% .18 200);--accent-light:oklch(58% .16 200);--accent-secondary-dark:oklch(74% .15 285);--accent-secondary-light:oklch(60% .14 285);--border-dark:oklch(26% .02 250/.55);--border-light:oklch(88% .01 250/.7);--panel-bg-dark:oklch(19% .02 250/.65);--panel-bg-light:oklch(100% 0 0/.45);--success-dark:oklch(78% .13 140);--success-light:oklch(55% .15 140);--warning-dark:oklch(72% .15 45);--warning-light:oklch(58% .16 45);--bg:var(--bg-dark);--text:var(--text-dark);--text-muted:var(--text-muted-dark);--text-h:var(--text-h-dark);--accent:var(--accent-dark);--accent-secondary:var(--accent-secondary-dark);--border:var(--border-dark);--panel-bg:var(--panel-bg-dark);--success:var(--success-dark);--warning:var(--warning-dark);--shadow:#0006 0 8px 32px 0;--accent-glow:oklch(72% .18 200/.15);--transition-speed:.25s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:var(--bg-light);--text:var(--text-light);--text-muted:var(--text-muted-light);--text-h:var(--text-h-light);--accent:var(--accent-light);--accent-secondary:var(--accent-secondary-light);--border:var(--border-light);--panel-bg:var(--panel-bg-light);--success:var(--success-light);--warning:var(--warning-light);--shadow:#1f268714 0 8px 32px 0;--accent-glow:oklch(58% .16 200/.08)}}.dark-theme{--bg:var(--bg-dark);--text:var(--text-dark);--text-muted:var(--text-muted-dark);--text-h:var(--text-h-dark);--accent:var(--accent-dark);--accent-secondary:var(--accent-secondary-dark);--border:var(--border-dark);--panel-bg:var(--panel-bg-dark);--success:var(--success-dark);--warning:var(--warning-dark);--shadow:#0006 0 8px 32px 0;--accent-glow:oklch(72% .18 200/.15)}.light-theme{--bg:var(--bg-light);--text:var(--text-light);--text-muted:var(--text-muted-light);--text-h:var(--text-h-light);--accent:var(--accent-light);--accent-secondary:var(--accent-secondary-light);--border:var(--border-light);--panel-bg:var(--panel-bg-light);--success:var(--success-light);--warning:var(--warning-light);--shadow:#1f268714 0 8px 32px 0;--accent-glow:oklch(58% .16 200/.08)}:root{--scrollbar-track:var(--lightningcss-light,#eaeaea)var(--lightningcss-dark,#1b1c21);--scrollbar-thumb:var(--lightningcss-light,#b2b2b2)var(--lightningcss-dark,#474953);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}}*{box-sizing:border-box;accent-color:var(--accent);margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-h);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform var(--transition-speed) ease, border-color var(--transition-speed) ease;border-radius:16px;padding:24px}.glass-panel:hover{border-color:oklch(from var(--accent) l c h / .4)}.glass-input{background:oklch(from var(--bg) l c h / .35);border:1px solid var(--border);color:var(--text-h);font-family:var(--font-sans);width:100%;transition:border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;border-radius:10px;outline:none;padding:12px 16px;font-size:15px}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.glass-input::placeholder{color:var(--text-muted);opacity:.7}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:oklch(14% .01 250);box-shadow:0 4px 14px 0 var(--accent-glow);font-weight:600}.btn-primary:hover{box-shadow:0 6px 20px 0 oklch(from var(--accent) l c h / .25);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:oklch(from var(--panel-bg) l c h / .5);border-color:var(--border);color:var(--text-h)}.btn-secondary:hover{background:oklch(from var(--panel-bg) l c h / .8);border-color:var(--accent);color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.shimmer-bg{background:linear-gradient(90deg, oklch(from var(--panel-bg) l c h / .4) 25%, oklch(from var(--panel-bg) l c h / .8) 50%, oklch(from var(--panel-bg) l c h / .4) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-heading);color:var(--text-h);justify-content:space-between;font-size:14px;font-weight:500;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background-color:oklch(from var(--success) l c h / .15);color:var(--success);border:1px solid oklch(from var(--success) l c h / .3)}.badge-warning{background-color:oklch(from var(--warning) l c h / .15);color:var(--warning);border:1px solid oklch(from var(--warning) l c h / .3)}.badge-accent{background-color:oklch(from var(--accent) l c h / .1);color:var(--accent);border:1px solid oklch(from var(--accent) l c h / .25)}.auth-shell{background:radial-gradient(circle at 12% 14%, oklch(from var(--accent) l c h / .18) 0%, transparent 34%), radial-gradient(circle at 84% 8%, oklch(from var(--accent-secondary) l c h / .14) 0%, transparent 32%), linear-gradient(135deg, oklch(from var(--bg) l c h / .95), var(--bg));flex:1;grid-template-columns:minmax(0,1.15fr) minmax(360px,440px);align-items:center;gap:clamp(28px,5vw,72px);width:100%;min-height:100dvh;padding:clamp(28px,5vw,64px) clamp(20px,6vw,80px);display:grid}.auth-product{flex-direction:column;gap:24px;max-width:720px;display:flex}.auth-brand-lockup{color:var(--text-h);font-family:var(--font-heading);align-items:center;gap:12px;font-size:18px;font-weight:750;display:inline-flex}.auth-brand-icon{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:oklch(14% .01 250);width:42px;height:42px;box-shadow:0 14px 32px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.auth-brand-text strong{color:var(--accent)}.auth-copy{flex-direction:column;gap:14px;display:flex}.auth-eyebrow{border:1px solid oklch(from var(--accent) l c h / .28);background:oklch(from var(--accent) l c h / .09);width:fit-content;color:var(--accent);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.auth-copy h1{letter-spacing:0;max-width:680px;font-size:clamp(38px,5vw,64px);font-weight:820;line-height:.98}.auth-copy p{max-width:650px;color:var(--text-muted);font-size:17px;line-height:1.65}.auth-proof-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;display:grid}.auth-proof-item{border:1px solid var(--border);background:oklch(from var(--panel-bg) l c h / .45);min-height:48px;color:var(--text-h);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:650;display:flex}.auth-proof-item svg{color:var(--accent);flex:none}.auth-result-preview{border:1px solid var(--border);background:oklch(from var(--panel-bg) l c h / .6);width:min(100%,680px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:18px;padding:20px;display:flex}.auth-preview-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-preview-header div{flex-direction:column;gap:4px;display:flex}.auth-preview-header span{color:var(--text-muted);font-size:13px}.auth-preview-header strong{color:var(--text-h);font-family:var(--font-heading);font-size:24px;line-height:1.1}.auth-preview-pill{border:1px solid oklch(from var(--accent-secondary) l c h / .28);background:oklch(from var(--accent-secondary) l c h / .1);border-radius:999px;flex:none;padding:6px 10px;font-weight:700;color:var(--accent-secondary)!important}.auth-score-row{background:oklch(from var(--bg) l c h / .45);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.auth-score-row span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--success));height:100%;display:block}.auth-keyword-row{flex-wrap:wrap;gap:8px;display:flex}.auth-before-after{grid-template-columns:1fr 1fr;gap:14px;display:grid}.auth-before-after div{border:1px solid var(--border);background:oklch(from var(--bg) l c h / .28);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.auth-before-after span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:750}.auth-before-after p{color:var(--text);font-size:13px;line-height:1.55}.auth-footnote{max-width:640px;color:var(--text-muted);font-size:13px;line-height:1.6}.auth-panel{width:100%;max-width:440px;box-shadow:var(--shadow);padding:34px}.auth-panel-header{text-align:center;margin-bottom:28px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-separator{color:var(--text-muted);align-items:center;margin:24px 0;font-size:13px;display:flex}.auth-toggle{text-align:center;margin-top:32px;font-size:14px}.field-error{color:var(--warning);font-size:12px;line-height:1.2}.glass-input[aria-invalid=true]{border-color:var(--warning);box-shadow:0 0 0 3px oklch(from var(--warning) l c h / .12)}.auth-trust-row{color:var(--text-muted);grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;font-size:12px;display:grid}.auth-trust-row span{justify-content:center;align-items:center;gap:6px;display:inline-flex}.auth-trust-row svg{color:var(--success);flex:none}@media (width<=1080px){.auth-shell{grid-template-columns:1fr;align-items:start;padding:32px 22px}.auth-product,.auth-result-preview,.auth-panel{max-width:760px;margin:0 auto}.auth-panel{order:-1}}@media (width<=720px){.auth-shell{gap:22px;padding:18px 14px 28px}.auth-panel{border-radius:12px;padding:24px 20px}.auth-panel-header{margin-bottom:22px}.auth-copy h1{font-size:34px;line-height:1.05}.auth-copy p{font-size:15px}.auth-proof-grid,.auth-before-after,.auth-trust-row{grid-template-columns:1fr}.auth-result-preview{padding:16px}}@media (height<=760px) and (width>=1081px){.auth-shell{align-items:start;padding-top:28px;padding-bottom:28px}.auth-product{gap:16px}.auth-copy h1{font-size:44px}.auth-copy p{font-size:15px;line-height:1.5}.auth-result-preview{gap:12px;padding:16px}.auth-panel{padding:26px}.auth-panel-header{margin-bottom:18px}.auth-panel-header>div{margin-bottom:10px!important;padding:9px!important}.auth-panel-header h2{font-size:24px!important}.auth-form{gap:12px}.auth-separator{margin:14px 0}.auth-toggle{margin-top:16px}.auth-trust-row{margin-top:12px}.field-error{font-size:11px}}.print-only{display:none!important}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.glass-panel{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}
