:root{--ease:cubic-bezier(.22,.61,.36,1);--a-ring:0 0 0 3px rgba(11,110,81,.14);--a-sh-btn:0 12px 24px -12px rgba(10,70,52,.8)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--app-bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,3vw,40px)}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}::selection{background:#bdf0cf;color:#06342a}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:6px}.auth-shell{display:grid;grid-template-columns:46% 1fr;width:min(1120px,100%);min-height:min(640px,90vh);margin:auto;background:var(--surface);border:1px solid var(--hairline);border-radius:28px;overflow:hidden;box-shadow:0 2px 6px #06342a0f,0 40px 80px -40px #06342a6b}.auth-brand{position:relative;overflow:hidden;isolation:isolate;color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:linear-gradient(158deg,#0a4433,#06342a 58%,#04281f)}.auth-brand:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0);background-size:22px 22px}.auth-brand>*{position:relative;z-index:2}.auth__blobs{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.auth__blobs span{position:absolute;border-radius:50%}.auth__blobs span:nth-child(1){width:78%;aspect-ratio:1;right:-24%;top:-10%;background:#ffffff12}.auth__blobs span:nth-child(2){width:70%;aspect-ratio:1;left:-18%;bottom:-16%;background:#ffffff0e}.auth__blobs span:nth-child(3){width:42%;aspect-ratio:1;right:6%;bottom:10%;background:#ffffff0d}.auth-brand__logo img,.auth__wordmark img{height:30px;width:auto;filter:brightness(0) invert(1)}.auth-brand__copy{max-width:30ch}.auth-brand__copy h2{font-weight:800;letter-spacing:-.02em;line-height:1.12;font-size:clamp(1.8rem,1.4rem + 1vw,2.2rem);margin:0 0 14px;color:#fff}.auth-brand__copy p{font-size:clamp(.95rem,.9rem + .2vw,1.0625rem);line-height:1.5;color:#ffffffd1;margin:0}.auth-brand__lock{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:13px;color:#ffffffa8}.auth-brand__lock svg{flex:none}.auth-strip{display:none}.auth-main{display:flex;align-items:center;justify-content:center;padding:clamp(32px,4vw,56px);background:var(--surface);min-width:0}.auth-form{width:100%;max-width:400px}.auth-form__head{margin-bottom:24px}.a-h1{font-size:clamp(1.55rem,1.3rem + .8vw,1.9rem);font-weight:800;letter-spacing:-.02em;color:var(--forest-800)}.a-sub{font-size:14.5px;color:var(--text-muted);margin-top:7px;line-height:1.5}.a-progress{margin-top:18px}.a-progress__lbl{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.a-progress__lbl b{color:var(--accent-strong)}.a-progress__bar{height:6px;border-radius:4px;background:var(--hairline);overflow:hidden;margin-top:10px}.a-progress__bar i{display:block;height:100%;border-radius:4px;width:50%;background:linear-gradient(90deg,var(--accent),var(--accent-mid));transition:width .5s var(--ease)}.a-steps{position:relative}.a-step{display:none}.a-step.active{display:block}.a-step__nav{display:flex;align-items:center;gap:14px;margin-top:6px}.a-step__nav .a-btn{flex:1}.a-step__nav .a-btn--back{flex:0 0 auto;width:auto;padding:0 22px}.a-field{margin-bottom:18px}.a-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.a-label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:8px}.a-label .req{color:var(--danger-accent);margin-left:2px}.a-label-row .a-label{margin-bottom:0}.a-link-sm{font-size:12.5px;font-weight:600;color:var(--ink-600)}.a-link-sm:hover{text-decoration:underline}.a-input-wrap{position:relative;display:flex;align-items:center}.a-input{width:100%;height:52px;padding:0 16px;border:1.5px solid var(--input-border);border-radius:var(--r-btn);font-family:var(--font);font-size:15px;color:var(--text);background:var(--surface);transition:border-color .16s,box-shadow .16s}.a-input::placeholder{color:#9db0a6}.a-input:focus{outline:none;border-color:var(--green-500);box-shadow:var(--a-ring)}.a-input.has-icon{padding-right:48px}.a-input.has-prefix{padding-left:60px}.a-prefix{position:absolute;left:1.5px;top:1.5px;bottom:1.5px;display:flex;align-items:center;padding:0 12px;font-size:14px;font-weight:600;color:var(--text-2);border-right:1.5px solid var(--input-border);border-radius:12px 0 0 12px;background:var(--surface-tint-2)}.a-eye{position:absolute;right:8px;width:36px;height:36px;border:none;background:none;border-radius:9px;display:grid;place-items:center;color:var(--text-muted)}.a-eye:hover{background:var(--surface-tint);color:var(--text-2)}.a-err{display:none;color:var(--danger-text);font-size:12.5px;margin-top:7px}.a-field.invalid .a-input{border-color:var(--danger-accent)}.a-field.invalid .a-input:focus{box-shadow:0 0 0 3px #f0563a24}.a-field.invalid .a-err{display:block}.a-hint{font-size:12.5px;color:var(--text-muted);margin-top:7px}.a-strength{margin-top:10px}.a-strength__bars{display:flex;gap:6px}.a-strength__bars span{flex:1;height:5px;border-radius:3px;background:var(--hairline);transition:background .3s}.a-strength[data-level="1"] .a-strength__bars span:nth-child(-n+1){background:var(--danger-accent)}.a-strength[data-level="2"] .a-strength__bars span:nth-child(-n+2){background:var(--warn-text)}.a-strength[data-level="3"] .a-strength__bars span:nth-child(-n+3){background:var(--accent-mid)}.a-strength[data-level="4"] .a-strength__bars span{background:var(--accent)}.a-strength__lbl{font-size:12px;color:var(--text-muted);margin-top:7px}.a-strength__lbl b{color:var(--text-2);font-weight:700}.a-reqs{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.a-reqs li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);transition:color .2s}.a-reqs .rq{width:16px;height:16px;flex:none;border-radius:50%;border:1.6px solid var(--input-border);display:grid;place-items:center;color:transparent;transition:all .2s}.a-reqs li.ok{color:var(--text-2)}.a-reqs li.ok .rq{background:var(--accent);border-color:var(--accent);color:#fff}.a-check{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:var(--text-2);margin:4px 0 22px;line-height:1.5}.a-check input{width:20px;height:20px;margin-top:1px;accent-color:var(--green-500);flex:none}.a-check a{color:var(--ink-600);font-weight:600;text-decoration:underline}.a-btn{width:100%;height:52px;border:none;border-radius:var(--r-pill);font-family:var(--font);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s}.a-btn--primary{background:linear-gradient(95deg,#15835f,#0c5b43 60%,#0a4836);color:#fff}.a-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--a-sh-btn);background:linear-gradient(95deg,#17926a,#0d6349 60%,#0b5340)}.a-btn--primary:active{transform:translateY(0)}.a-btn:disabled{opacity:.55;pointer-events:none}.a-btn--ghost{background:var(--surface);color:var(--forest-800);border:1.5px solid var(--input-border)}.a-btn--ghost:hover{border-color:#c3d3cb;transform:translateY(-2px)}.a-btn-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.a-btn-row .a-btn{width:auto;padding:0 26px}.a-btn{position:relative}.a-btn.is-loading{color:transparent!important;pointer-events:none}.a-btn.is-loading>*{opacity:0}.a-btn.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:19px;height:19px;margin:-9.5px 0 0 -9.5px;border-radius:50%;box-sizing:border-box;border:2.5px solid rgba(255,255,255,.32);border-top-color:#fff;animation:elpo-btn-spin .75s linear infinite,elpo-btn-fade .15s ease both}.a-btn--ghost.is-loading:after{border-color:color-mix(in srgb,var(--forest-800) 28%,transparent);border-top-color:var(--forest-800)}@media(prefers-reduced-motion:reduce){.a-btn.is-loading:after{animation:elpo-btn-pulse 1.2s ease-in-out infinite}}.a-trust{text-align:center;font-size:12.5px;color:var(--text-muted);margin-top:16px}.a-trust a{color:var(--text-2);font-weight:600;text-decoration:underline}.a-alt{text-align:center;font-size:14px;color:var(--text-2);margin-top:22px}.a-alt a{color:var(--ink-600);font-weight:700}.a-alt a:hover{text-decoration:underline}.a-fine{font-size:12px;color:var(--text-muted);line-height:1.6;margin-top:26px;text-align:center}.a-fine a{text-decoration:underline;color:var(--text-2)}.a-banner{display:none;align-items:flex-start;gap:11px;border-radius:12px;padding:13px 15px;margin-bottom:20px;font-size:13.5px;line-height:1.45}.a-banner.show{display:flex}.a-banner--err{background:var(--danger-bg);border:1px solid var(--danger-accent);color:var(--danger-text)}.a-banner--err b{color:var(--danger-text)}.a-banner--warn{background:var(--warn-bg);border:1px solid var(--warn-text);color:var(--warn-text)}.a-banner--warn b{color:var(--warn-text)}.a-banner__ic{flex:none;margin-top:1px}.a-otp{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;margin-bottom:22px;max-width:396px}.a-otp input{width:100%;min-width:0;aspect-ratio:1;text-align:center;font-family:var(--font);font-weight:800;font-size:clamp(18px,5.5vw,24px);color:var(--forest-800);border:1.5px solid var(--input-border);border-radius:var(--r-btn);background:var(--surface);transition:border-color .16s,box-shadow .16s}.a-otp input:focus{outline:none;border-color:var(--green-500);box-shadow:var(--a-ring)}.a-otp.invalid input{border-color:var(--danger-accent)}.a-step-indicator{display:block;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--text-2);margin-bottom:2px}.a-step-indicator b{color:var(--accent-strong)}.a-icon-tile{width:64px;height:64px;border-radius:18px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin-bottom:22px}.a-note{background:var(--surface-tint-2);border:1px dashed var(--accent-border);border-radius:12px;padding:13px 15px;font-size:13px;color:var(--text-2);line-height:1.5}.a-mono{font-family:Courier New,monospace;font-weight:700;letter-spacing:.04em}.a-codes{background:var(--surface-tint-2);border:1px solid var(--hairline);border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:16px}.a-codes code{font-family:Courier New,monospace;font-size:15px;font-weight:700;color:var(--forest-800);letter-spacing:.06em;text-align:center}.a-actions{display:flex;gap:10px;margin-bottom:18px}.a-actions .a-btn{height:44px;font-size:13.5px}.a-step__intro{font-size:13px;line-height:1.5;color:var(--text-2);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:10px;padding:11px 14px;margin-bottom:20px}.a-step__intro b{color:var(--accent-strong)}.a-qr{width:176px;height:176px;border:1.5px solid var(--input-border);border-radius:16px;background:var(--surface);display:grid;place-items:center;margin:0 0 16px;padding:14px}.a-qr svg{width:100%;height:100%;color:var(--forest-800)}.a-details{margin:2px 0 20px}.a-details summary{font-size:13.5px;font-weight:600;color:var(--ink-600);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px}.a-details summary::-webkit-details-marker{display:none}.a-details[open] summary{margin-bottom:12px}.a-key{display:flex;align-items:center;gap:10px;background:var(--surface-tint-2);border:1px dashed var(--accent-border);border-radius:10px;padding:10px 12px}.a-key code{flex:1;font-size:14px;color:var(--forest-800)}.a-copy-btn{border:1px solid var(--input-border);background:var(--surface);border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:600;color:var(--text-2);font-family:var(--font);flex:none;transition:border-color .15s}.a-copy-btn:hover{border-color:#c3d3cb}[data-otp-view],.a-recovery{display:none}[data-otp-view].active,.a-recovery.active{display:block}.a-success{text-align:center;padding:12px 0}.a-success__ic{width:66px;height:66px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;margin:0 auto 16px;box-shadow:0 12px 26px -10px #2bc15eb3}.a-success h2{font-size:20px;font-weight:800;color:var(--forest-800);margin-bottom:6px}.a-success p{font-size:14px;color:var(--text-muted)}.a-otp-note{font-size:12.5px;color:var(--text-muted);margin-top:12px;text-align:center}.a-otp-note a{color:var(--ink-600);font-weight:600}.a-otp-note a:hover{text-decoration:underline}@keyframes aUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes aShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}60%{transform:translate(6px)}}@keyframes aPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes aStepIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes aStepInBack{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.js .auth-form,.js .auth-form__head{animation:aUp .6s var(--ease) both}.js .a-otp.shake{animation:aShake .32s}.js .a-pop{animation:aPop .4s var(--ease) both}.js .a-step.enter{animation:aStepIn .42s var(--ease) both}.js .a-step.enter.back{animation:aStepInBack .42s var(--ease) both}}@media(max-width:767px){body{display:block;padding:0;background:var(--surface);min-height:0}.auth-shell{display:block;width:100%;max-width:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--surface)}.auth-brand{height:34vh;min-height:236px;max-height:360px;padding:calc(22px + env(safe-area-inset-top,0px)) 24px 34px;gap:0}.auth-brand__copy h2{font-size:clamp(1.5rem,5.5vw,1.95rem);margin-bottom:10px}.auth-brand__lock{margin-top:16px}.auth-main{display:block;position:relative;z-index:2;margin-top:-26px;border-radius:30px 30px 0 0;padding:14px 22px calc(30px + env(safe-area-inset-bottom,0px));background:var(--surface)}.auth-form{max-width:none;width:100%;min-width:0}.auth-main:before{content:"";display:block;width:40px;height:4px;border-radius:999px;background:var(--hairline);margin:0 auto 18px}}@media(max-width:360px){.auth-brand{padding-left:18px;padding-right:18px}.auth-main{padding-left:16px;padding-right:16px}}@media(max-width:420px){.a-otp{gap:7px;max-width:100%}.a-otp input{font-size:20px;border-radius:10px}}
