.auth-layout,.onboarding-layout{--background:39 33% 94%;--foreground:201 42% 16%;--border:34 20% 83%;--input:34 20% 83%;--ring:11 83% 62%;--card:39 33% 97%;--card-foreground:201 42% 16%;--card-border:34 20% 83%;--primary:201 42% 16%;--primary-foreground:39 33% 96%;--secondary:159 38% 82%;--secondary-foreground:201 42% 16%;--muted:36 21% 88%;--muted-foreground:199 16% 45%;--accent:11 83% 62%;--accent-foreground:39 33% 96%;--radius:1rem;--app-font-sans:"Space Grotesk", sans-serif;--app-font-serif:"Fraunces", Georgia, serif;--app-font-mono:"Space Mono", monospace;--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-border:hsl(var(--border));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring));--color-card:hsl(var(--card));--color-card-foreground:hsl(var(--card-foreground));--color-card-border:hsl(var(--card-border));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground));background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--app-font-sans);box-sizing:border-box;min-height:100dvh}.auth-layout.dark,.onboarding-layout.dark,.dark .auth-layout,.dark .onboarding-layout{--background:201 42% 10%;--foreground:39 33% 94%;--border:201 26% 25%;--input:201 26% 25%;--ring:11 83% 62%;--card:201 34% 14%;--card-foreground:39 33% 94%;--card-border:201 26% 25%;--primary:39 33% 94%;--primary-foreground:201 42% 16%;--secondary:159 38% 32%;--secondary-foreground:39 33% 94%;--muted:201 25% 21%;--muted-foreground:201 14% 69%;--accent:11 83% 62%;--accent-foreground:39 33% 96%}.auth-layout *,.onboarding-layout *{box-sizing:border-box;border-color:hsl(var(--border))}.auth-layout button,.auth-layout input,.onboarding-layout button,.onboarding-layout input{font:inherit}.auth-layout button,.onboarding-layout button{cursor:pointer}.auth-layout button:disabled,.onboarding-layout button:disabled{cursor:not-allowed}.arthak-app{background:hsl(var(--background));min-height:100dvh;overflow:hidden}.auth-layout{grid-template-columns:minmax(440px,1.03fr) minmax(480px,.97fr);min-height:100dvh;display:grid}.form-panel{background:hsl(var(--background));isolation:isolate;flex-direction:column;padding:clamp(28px,5vw,68px) clamp(28px,7vw,108px);display:flex;position:relative}.form-panel:after{content:"";z-index:-1;background:hsl(var(--secondary) / .35);filter:blur(2px);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;right:-110px}.brand-mark{width:fit-content;color:hsl(var(--foreground));font-family:var(--app-font-mono);letter-spacing:.2em;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}.brand-symbol{border:1px solid hsl(var(--foreground));width:30px;height:30px;font-family:var(--app-font-serif);letter-spacing:0;border-radius:50%;place-items:center;font-size:17px;display:grid}.form-content{width:min(100%,480px);margin:0 auto auto;padding:0 0 34px;animation:.6s cubic-bezier(.2,.8,.2,1) both reveal-up}.auth-form-panel .form-content{width:min(100%,360px)}.auth-brand{justify-content:center;display:flex}.eyebrow{color:hsl(var(--accent));font-family:var(--app-font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 17px;font-size:11px}.display-title{max-width:560px;color:hsl(var(--foreground));font-family:var(--app-font-serif);letter-spacing:-.045em;margin:0;font-size:clamp(40px,5vw,64px);font-weight:500;line-height:.99}.display-title em{color:hsl(var(--accent));font-style:normal}.form-subtitle{max-width:420px;color:hsl(var(--muted-foreground));margin:21px 0 34px;font-size:15px;line-height:1.6}.auth-title{max-width:410px;font-family:var(--app-font-sans);letter-spacing:-.055em;text-align:center;margin-left:auto;margin-right:auto;font-size:clamp(32px,3.7vw,46px);font-weight:800;line-height:1.05}.auth-subtitle{text-align:center;max-width:none;margin:11px 0 31px;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.email-label{color:hsl(var(--foreground));letter-spacing:.03em;margin:0 0 9px;font-size:12px;font-weight:600;display:block}.email-input{border:1px solid hsl(var(--border));background:hsl(var(--card));width:100%;height:52px;color:hsl(var(--foreground));border-radius:12px;outline:none;padding:0 17px;transition:border-color .2s,box-shadow .2s,transform .2s}.email-input::placeholder{color:hsl(var(--muted-foreground) / .75)}.email-input:hover{border-color:hsl(var(--foreground) / .45)}.email-input:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 4px hsl(var(--accent) / .14)}.remember-row{color:hsl(var(--muted-foreground));align-items:center;gap:9px;margin:13px 0 25px;font-size:12px;display:flex}.remember-row input{width:15px;height:15px;accent-color:hsl(var(--accent));margin:0}.primary-button{border:1px solid hsl(var(--primary));background:hsl(var(--primary));width:100%;min-height:53px;color:hsl(var(--primary-foreground));border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:700;transition:transform .2s,background-color .2s,opacity .2s,box-shadow .2s;display:flex}.primary-button:hover:not(:disabled){box-shadow:0 10px 24px hsl(var(--primary) / .18);transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{opacity:.36}.primary-button .button-arrow{transition:transform .2s}.primary-button:hover .button-arrow{transform:translate(4px)}.divider{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:13px;margin:26px 0 18px;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:hsl(var(--border));flex:1;height:1px}.social-stack{gap:9px;display:grid}.social-button{border:1px solid hsl(var(--border));background:hsl(var(--card) / .65);min-height:47px;color:hsl(var(--foreground));border-radius:11px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.social-button:hover{border-color:hsl(var(--foreground) / .35);background:hsl(var(--card));transform:translateY(-1px)}.social-icon-svg{flex-shrink:0;width:18px;height:18px}.social-icon-svg.linkedin-color{color:#0a66c2}.social-icon-svg.github-color{color:hsl(var(--foreground))}.fine-print{color:hsl(var(--muted-foreground));text-align:center;margin:32px 0 0;font-size:11px;line-height:1.6}.visual-panel{background:#182e3a;min-height:100dvh;position:relative;overflow:hidden}.scientist-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;inset:0}.scientist-image.active{opacity:1}.scientist-image.img-babbage{object-position:center 5%}.scientist-image.img-newton{object-position:center 18%}.carousel-dots{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border-radius:20px;gap:10px;padding:8px 16px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}.carousel-dot{background:#f5f1eb66;border-radius:50%;width:8px;height:8px;transition:all .3s}.carousel-dot.active{background:#c0e3d6;border-radius:4px;width:20px}.onboarding-layout{grid-template-columns:minmax(440px,1.03fr) minmax(480px,.97fr);min-height:100dvh;display:grid}.onboarding-panel{flex-direction:column;min-width:0;padding:clamp(28px,5vw,68px) clamp(28px,7vw,108px);display:flex}.onboarding-header{justify-content:space-between;align-items:center;display:flex}.step-count{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);letter-spacing:.08em;font-size:11px}.progress-track{grid-template-columns:repeat(5,1fr);gap:5px;width:175px;display:grid}.progress-segment{background:hsl(var(--border));border-radius:4px;height:4px;transition:background-color .35s,transform .35s}.progress-segment.complete{background:hsl(var(--accent))}.progress-segment.current{background:hsl(var(--foreground));transform:scaleY(1.5)}.question-content{width:min(100%,590px);margin:4vh auto auto;padding:48px 0 34px;animation:.42s cubic-bezier(.2,.8,.2,1) both reveal-up}.question-title{max-width:610px;font-family:var(--app-font-serif);letter-spacing:-.045em;margin:0;font-size:clamp(36px,4.4vw,58px);font-weight:500;line-height:1.02}.question-help{color:hsl(var(--muted-foreground));margin:15px 0 30px;font-size:13px}.option-grid{flex-wrap:wrap;gap:9px;display:flex}.option-button{border:1px solid hsl(var(--border));background:hsl(var(--card) / .48);min-height:45px;color:hsl(var(--foreground));text-align:left;border-radius:10px;align-items:center;padding:0 16px;font-size:13px;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex;position:relative}.option-button:hover{border-color:hsl(var(--foreground) / .42);background:hsl(var(--card));transform:translateY(-1px)}.option-button.selected{border-color:hsl(var(--accent));background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:600}.option-check{opacity:0;width:0;transition:width .2s,opacity .2s;overflow:hidden}.option-button.selected .option-check{opacity:1;width:17px}.option-icon-wrapper{color:hsl(var(--accent));align-items:center;margin-right:8px;transition:color .2s;display:inline-flex}.option-button.selected .option-icon-wrapper{color:currentColor}.question-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:44px;display:flex}.footer-actions{gap:9px;display:flex}.back-button,.continue-button{border-radius:10px;min-height:46px;padding:0 19px;font-size:13px;font-weight:700;transition:transform .2s,background-color .2s,opacity .2s}.back-button{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:0 0}.back-button:hover{background:hsl(var(--muted));transform:translateY(-1px)}.continue-button{border:1px solid hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));align-items:center;gap:8px;display:inline-flex}.continue-button:hover:not(:disabled){transform:translateY(-2px)}.continue-button:disabled{opacity:.35}.continue-button svg{transition:transform .2s}.continue-button:hover svg{transform:translate(3px)}.selection-note{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);letter-spacing:.04em;font-size:10px}.confirmation-content{max-width:570px}.confirmation-title{max-width:500px}.confirmation-copy{max-width:400px;color:hsl(var(--muted-foreground));margin:20px 0 30px;font-size:15px;line-height:1.6}.recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:34px;display:grid}.recap-item{border:1px solid hsl(var(--border));background:hsl(var(--card) / .55);border-radius:12px;min-height:78px;padding:13px 15px}.recap-label{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.recap-value{color:hsl(var(--foreground));font-size:13px;font-weight:700;line-height:1.25;display:block}.success-note{color:#367861;align-items:center;gap:9px;margin-top:16px;font-size:12px;font-weight:600;animation:.3s both reveal-up;display:flex}.success-dot{background:#339975;border-radius:50%;width:8px;height:8px}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float-card{0%,to{margin-top:0}50%{margin-top:-12px}}@media (width<=900px){.auth-layout,.onboarding-layout{grid-template-columns:1fr}.form-panel,.onboarding-panel{min-height:100dvh;padding:28px clamp(22px,7vw,72px)}.form-content,.question-content{padding:42px 0 28px}.carousel-dots{gap:8px;padding:6px 12px;bottom:20px}.carousel-dot{width:6px;height:6px}.carousel-dot.active{width:16px}.visual-panel{display:none!important}}@media (width<=560px){.form-panel,.onboarding-panel{min-height:100dvh}.brand-mark{font-size:12px}.form-content,.question-content{margin:0;padding-top:52px}.display-title{font-size:45px}.question-title{font-size:42px}.question-footer{flex-direction:column;align-items:flex-start}.footer-actions{width:100%}.back-button,.continue-button{flex:1}.progress-track{width:135px}.recap-grid{grid-template-columns:1fr}}.link-sent-badge{color:#1f7a5c;letter-spacing:.02em;pointer-events:none;background:#effbf7;border-radius:20px;align-items:center;gap:5px;height:fit-content;margin:auto;padding:4px 10px;font-size:11px;font-weight:600;animation:.35s cubic-bezier(.2,.8,.2,1) both reveal-up;display:inline-flex;position:absolute;top:0;bottom:0;right:14px}.sent-confirmation{color:hsl(var(--muted-foreground));margin:10px 0 18px;font-size:12px;line-height:1.5;animation:.4s cubic-bezier(.2,.8,.2,1) 50ms both reveal-up}.sent-confirmation strong{color:hsl(var(--foreground));font-weight:600}.change-email-link{all:unset;color:hsl(var(--accent));cursor:pointer;font-size:12px;font-weight:600;transition:opacity .15s}.change-email-link:hover{opacity:.7}
