@charset "UTF-8";:root{color-scheme:light;--bg: #f7f4ed;--surface: #fcfaf4;--surface-raised: #ffffff;--surface-hover: #f1ede3;--surface-sunken: #efeadf;--scrim: rgba(26, 24, 20, .42);--ink: #1a1814;--ink-soft: #5a544a;--ink-mute: #6f695f;--ink-disabled: #a8a29a;--ink-inverse: #f7f4ed;--on-accent: #f7f4ed;--on-status: #f7f4ed;--line: rgba(26, 24, 20, .1);--line-soft: rgba(26, 24, 20, .04);--line-strong: rgba(26, 24, 20, .2);--divider: rgba(26, 24, 20, .08);--accent: #3a4a3f;--accent-hover: #46594c;--accent-active: #2e3b32;--accent-soft: rgba(58, 74, 63, .1);--accent-glow: rgba(58, 74, 63, .14);--accent-2: #a8916a;--accent-2-soft: rgba(168, 145, 106, .12);--success: #2f6b4f;--success-soft: rgba(47, 107, 79, .1);--warning: #8a6212;--warning-soft: rgba(138, 98, 18, .1);--error: #a33f2c;--error-soft: rgba(163, 63, 44, .1);--info: #35617f;--info-soft: rgba(53, 97, 127, .1);--hover-bg: rgba(26, 24, 20, .04);--active-bg: rgba(26, 24, 20, .08);--selected-bg: rgba(58, 74, 63, .1);--selected-bg-hover: rgba(58, 74, 63, .15);--focus-ring: #3a4a3f;--focus-halo: rgba(58, 74, 63, .2);--btn-primary-bg: var(--ink);--btn-primary-fg: var(--ink-inverse);--tooltip-bg: var(--ink);--tooltip-fg: var(--ink-inverse);--tooltip-border: transparent;--screen-1: #3a4a3f;--screen-2: #1a2620;--media-line: rgba(26, 24, 20, .12);--phone-bezel: #1a1814;--phone-rim: rgba(255, 255, 255, .04);--halo-1: rgba(58, 74, 63, .15);--halo-2: rgba(168, 145, 106, .18);--pattern-color: #3a4a3f;--pattern-opacity: .06;--shadow-1: 0 4px 12px -6px rgba(26, 24, 20, .1);--shadow-2: 0 12px 28px -16px rgba(26, 24, 20, .14);--shadow-3: 0 24px 56px -24px rgba(26, 24, 20, .2);--scrollbar-thumb: rgba(26, 24, 20, .22);--scrollbar-thumb-hover: rgba(26, 24, 20, .34);--scrollbar-track: transparent;--selection-bg: rgba(58, 74, 63, .22);--selection-fg: #1a1814;--pad: clamp(16px, 5vw, 80px);--radius-card: 18px;--radius-btn: 999px}html[data-theme=dark]{color-scheme:dark;--bg: #0b0f0c;--surface: #141a16;--surface-raised: #1b231d;--surface-hover: #1d251f;--surface-sunken: #070a08;--scrim: rgba(0, 0, 0, .66);--ink: #f2efe6;--ink-soft: #c4beb0;--ink-mute: #8f8a7c;--ink-disabled: #6a675e;--ink-inverse: #0b0f0c;--on-accent: #0b0f0c;--on-status: #0b0f0c;--line: rgba(242, 239, 230, .11);--line-soft: rgba(242, 239, 230, .05);--line-strong: rgba(242, 239, 230, .24);--divider: rgba(242, 239, 230, .09);--accent: #a3c4af;--accent-hover: #b4d1bf;--accent-active: #8fb59d;--accent-soft: rgba(163, 196, 175, .15);--accent-glow: rgba(163, 196, 175, .22);--accent-2: #d0bd8c;--accent-2-soft: rgba(208, 189, 140, .15);--success: #86c9a1;--success-soft: rgba(134, 201, 161, .15);--warning: #dcc07a;--warning-soft: rgba(220, 192, 122, .15);--error: #e79b86;--error-soft: rgba(231, 155, 134, .15);--info: #8fbcd8;--info-soft: rgba(143, 188, 216, .15);--hover-bg: rgba(242, 239, 230, .05);--active-bg: rgba(242, 239, 230, .09);--selected-bg: rgba(163, 196, 175, .13);--selected-bg-hover: rgba(163, 196, 175, .19);--focus-ring: #a3c4af;--focus-halo: rgba(163, 196, 175, .28);--btn-primary-bg: var(--accent);--btn-primary-fg: var(--on-accent);--tooltip-bg: var(--surface-raised);--tooltip-fg: var(--ink);--tooltip-border: var(--line-strong);--screen-1: #34473c;--screen-2: #0a0f0c;--media-line: rgba(242, 239, 230, .14);--phone-bezel: #0a0a0b;--phone-rim: rgba(255, 255, 255, .08);--halo-1: rgba(163, 196, 175, .3);--halo-2: rgba(208, 189, 140, .2);--pattern-color: #a3c4af;--pattern-opacity: .09;--shadow-1: 0 4px 12px -6px rgba(0, 0, 0, .6);--shadow-2: 0 14px 30px -18px rgba(0, 0, 0, .7);--shadow-3: 0 26px 60px -26px rgba(0, 0, 0, .8);--scrollbar-thumb: rgba(242, 239, 230, .18);--scrollbar-thumb-hover: rgba(242, 239, 230, .3);--scrollbar-track: transparent;--selection-bg: rgba(163, 196, 175, .28);--selection-fg: #f2efe6}@media(prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark;--bg: #0b0f0c;--surface: #141a16;--surface-raised: #1b231d;--surface-hover: #1d251f;--surface-sunken: #070a08;--scrim: rgba(0, 0, 0, .66);--ink: #f2efe6;--ink-soft: #c4beb0;--ink-mute: #8f8a7c;--ink-disabled: #6a675e;--ink-inverse: #0b0f0c;--on-accent: #0b0f0c;--on-status: #0b0f0c;--line: rgba(242, 239, 230, .11);--line-soft: rgba(242, 239, 230, .05);--line-strong: rgba(242, 239, 230, .24);--divider: rgba(242, 239, 230, .09);--accent: #a3c4af;--accent-hover: #b4d1bf;--accent-active: #8fb59d;--accent-soft: rgba(163, 196, 175, .15);--accent-glow: rgba(163, 196, 175, .22);--accent-2: #d0bd8c;--accent-2-soft: rgba(208, 189, 140, .15);--success: #86c9a1;--success-soft: rgba(134, 201, 161, .15);--warning: #dcc07a;--warning-soft: rgba(220, 192, 122, .15);--error: #e79b86;--error-soft: rgba(231, 155, 134, .15);--info: #8fbcd8;--info-soft: rgba(143, 188, 216, .15);--hover-bg: rgba(242, 239, 230, .05);--active-bg: rgba(242, 239, 230, .09);--selected-bg: rgba(163, 196, 175, .13);--selected-bg-hover: rgba(163, 196, 175, .19);--focus-ring: #a3c4af;--focus-halo: rgba(163, 196, 175, .28);--btn-primary-bg: var(--accent);--btn-primary-fg: var(--on-accent);--tooltip-bg: var(--surface-raised);--tooltip-fg: var(--ink);--tooltip-border: var(--line-strong);--screen-1: #34473c;--screen-2: #0a0f0c;--media-line: rgba(242, 239, 230, .14);--phone-bezel: #0a0a0b;--phone-rim: rgba(255, 255, 255, .08);--halo-1: rgba(163, 196, 175, .3);--halo-2: rgba(208, 189, 140, .2);--pattern-color: #a3c4af;--pattern-opacity: .09;--shadow-1: 0 4px 12px -6px rgba(0, 0, 0, .6);--shadow-2: 0 14px 30px -18px rgba(0, 0, 0, .7);--shadow-3: 0 26px 60px -26px rgba(0, 0, 0, .8);--scrollbar-thumb: rgba(242, 239, 230, .18);--scrollbar-thumb-hover: rgba(242, 239, 230, .3);--scrollbar-track: transparent;--selection-bg: rgba(163, 196, 175, .28);--selection-fg: #f2efe6}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}html{scrollbar-gutter:stable}.h1{font-size:clamp(48px,6.4vw,88px);line-height:.98;letter-spacing:-2.5px;font-weight:700}.h2{font-size:clamp(28px,3.6vw,42px);line-height:1.05;letter-spacing:-1.2px;font-weight:700}.h3{font-size:19px;line-height:1.2;letter-spacing:-.4px;font-weight:600}.lede{font-size:18px;line-height:1.55;color:var(--ink-soft);font-weight:400}.small{font-size:14px;line-height:1.5;color:var(--ink-soft)}.tiny{font-size:12px;line-height:1.4;color:var(--ink-mute);letter-spacing:.4px;text-transform:uppercase}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.btn{font-family:Manrope,system-ui,sans-serif;font-weight:600;font-size:15px;border:1px solid transparent;padding:11px 20px;border-radius:var(--radius-btn);cursor:pointer;transition:transform .12s,background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-hover)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-primary:hover{opacity:.92}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover{background:var(--accent-hover)}.btn-accent:active{background:var(--accent-active)}@keyframes floatA{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes floatB{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes floatC{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes floatUp{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes floatDown{0%,to{translate:0 0}50%{translate:0 10px}}@keyframes pulse-ring{0%{transform:scale(.5);opacity:.4}to{transform:scale(2.2);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot-load{0%,to{opacity:.3}50%{opacity:.8}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}:where(a,button,[role=button],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-halo);border-radius:inherit}:where(a,button,input,select,textarea):focus:not(:focus-visible){outline:none}::selection{background:var(--selection-bg);color:var(--selection-fg)}html{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:inset 0 0 0 100px var(--surface);caret-color:var(--ink)}.auth-page{display:grid;grid-template-columns:clamp(480px,44vw,620px) 1fr;min-height:100vh}.auth-panel{background:var(--bg);display:flex;flex-direction:column;overflow-y:auto;position:relative;z-index:2;box-shadow:1px 0 0 var(--line)}.auth-nav{display:flex;justify-content:space-between;align-items:center;padding:36px 64px 0}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.4px;color:var(--ink);text-decoration:none}.logo-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--ink-soft);text-decoration:none;font-weight:500;transition:color .15s}.back-link:hover{color:var(--ink)}.auth-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 64px 40px;max-width:560px}.mode-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-mute);margin-bottom:16px}.mode-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 8px}.auth-heading{font-size:clamp(36px,4vw,52px);font-weight:700;line-height:1.04;letter-spacing:-1.8px;color:var(--ink);margin-bottom:18px}.auth-heading .accent{color:var(--accent)}.auth-sub{font-size:15px;line-height:1.6;color:var(--ink-soft);margin-bottom:32px;max-width:360px}.mode-btns{display:flex;gap:10px;margin-bottom:32px}.mode-btns .btn{flex:1;justify-content:center;padding:12px 20px;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:18px}.field-group{display:flex;flex-direction:column;gap:7px}.field-label{font-size:14px;font-weight:600;color:var(--ink-soft)}.field-wrap{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 14px;gap:10px;transition:border-color .2s,box-shadow .2s}.field-wrap:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-halo)}.field-wrap input,.field-wrap select{flex:1;border:none;outline:none;background:transparent;font-family:Manrope,system-ui,sans-serif;font-size:15px;color:var(--ink);padding:13px 0;min-width:0}.field-wrap input::placeholder,.field-wrap select::placeholder{color:var(--ink-mute)}.field-wrap select{cursor:pointer;appearance:none}.field-icon{color:var(--ink-mute);display:inline-flex;align-items:center;flex:0 0 auto}.eye-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--ink-mute);display:flex;align-items:center;flex:0 0 auto}.eye-btn:hover{color:var(--ink-soft)}.error-banner{background:var(--error-soft);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);color:var(--error);border-radius:10px;padding:10px 16px;font-size:14px}.info-banner{background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 32%,transparent);color:var(--success);border-radius:10px;padding:10px 16px;font-size:14px}.submit-btn{width:100%;justify-content:center;padding:15px 24px;font-size:16px;margin-top:4px;gap:6px}.resend-btn{width:100%;justify-content:center;font-size:14px;color:var(--ink-mute);margin-top:-8px}.spinner{width:15px;height:15px;border:2px solid var(--line-strong);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.accent-link{color:var(--accent);text-decoration:none;font-weight:600}.accent-link:hover{text-decoration:underline}.auth-footer{margin-top:28px;display:flex;flex-direction:column;gap:14px}.secured-row{display:flex;align-items:center;gap:12px}.divider-line{flex:1;height:1px;background:var(--line)}.secured-text{font-size:12px;color:var(--ink-mute);font-weight:500;white-space:nowrap}.new-user{font-size:14px;color:var(--ink-mute);text-align:center}.feature-bullets{display:flex;justify-content:center;gap:24px}.bullet{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-mute);font-weight:500}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-nav{padding:28px 32px 0}.auth-body{padding:36px 32px 32px;max-width:100%}}