/* ZahlFix private-access login R2 — editorial, architectural, deep-gold */
.login-page{margin:0;min-height:100%;background:#040506;color:#f3f1ed;overflow-x:hidden}.login-page *{box-sizing:border-box}.login-page a{color:inherit}.login-stage{--login-gold:#C39438;--login-gold-hi:#E2C787;--login-gold-soft:rgba(195,148,56,.34);--login-line:rgba(226,199,135,.16);position:relative;min-height:100svh;display:grid;place-items:center;padding:clamp(24px,4.4vw,68px);isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 55% 40% at 50% -3%,rgba(255,255,255,.13) 0,rgba(255,255,255,.055) 25%,rgba(255,255,255,.014) 52%,transparent 74%),radial-gradient(ellipse 45% 38% at 50% 35%,rgba(195,148,56,.022),transparent 74%),linear-gradient(180deg,#080a0c 0%,#040506 58%,#030405 100%)}
.login-stage::before{content:"";position:absolute;inset:0;z-index:-6;opacity:.30;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}.login-stage::after{content:"";position:absolute;inset:0;z-index:-5;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(226,199,135,.037) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(52% - .5px),rgba(226,199,135,.03) 52%,transparent calc(52% + .5px)),radial-gradient(circle at 50% 38%,transparent 0 23%,rgba(226,199,135,.024) 23.1% 23.25%,transparent 23.4% 35%,rgba(226,199,135,.017) 35.1% 35.25%,transparent 35.4%);pointer-events:none}.login-stage__frame{position:absolute;inset:clamp(30px,4vw,60px);z-index:-2;border-left:1px solid rgba(226,199,135,.105);border-right:1px solid rgba(226,199,135,.105);pointer-events:none}.login-stage__frame::before,.login-stage__frame::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(226,199,135,.30),rgba(226,199,135,.045) 17%,rgba(226,199,135,.045) 83%,rgba(226,199,135,.30))}.login-stage__frame::before{top:0}.login-stage__frame::after{bottom:0}.login-cross{position:absolute;width:13px;height:13px}.login-cross::before,.login-cross::after{content:"";position:absolute;background:var(--login-gold-hi);opacity:.62}.login-cross::before{left:6px;top:1px;width:1px;height:11px}.login-cross::after{left:1px;top:6px;width:11px;height:1px}.login-cross--tl{left:-7px;top:-7px}.login-cross--tr{right:-7px;top:-7px}.login-cross--bl{left:-7px;bottom:-7px}.login-cross--br{right:-7px;bottom:-7px}.login-axis{position:absolute;background:rgba(226,199,135,.044)}.login-axis--v{width:1px;top:0;bottom:0;left:50%}.login-axis--h{height:1px;left:0;right:0;top:52%}.login-orbit{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(226,199,135,.047);border-radius:50%;aspect-ratio:1}.login-orbit--outer{width:min(92vw,1180px)}.login-orbit--inner{width:min(63vw,810px);border-color:rgba(226,199,135,.026)}.login-stage__frame .login-orbit::after{content:"";position:absolute;inset:16%;border:1px solid rgba(226,199,135,.016);border-radius:50%}.login-side-tick{position:absolute;top:50%;width:10px;height:1px;background:var(--login-gold-hi);opacity:.40}.login-side-tick--l{left:-1px}.login-side-tick--r{right:-1px}.login-corner-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--login-gold-hi);opacity:.46}.login-corner-dot--l{left:3%;top:50%}.login-corner-dot--r{right:3%;top:50%}
.login-access{width:min(700px,92vw);text-align:center;position:relative;z-index:2;padding:clamp(12px,2vw,22px) clamp(8px,1.5vw,18px);transform:translateY(-1.2vh)}.login-mark{display:grid;grid-template-columns:minmax(34px,1fr) auto minmax(34px,1fr);align-items:center;gap:15px;width:min(250px,52vw);margin:0 auto clamp(28px,3.8vh,42px)}.login-mark span{height:1px;background:linear-gradient(90deg,transparent,rgba(226,199,135,.56))}.login-mark span:last-child{background:linear-gradient(90deg,rgba(226,199,135,.56),transparent)}.login-mark img{display:block;width:34px;height:auto;filter:drop-shadow(0 1px 8px rgba(195,148,56,.18))}.login-access h1{margin:0;color:#f5f3ef;font:300 clamp(47px,5.5vw,78px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:.205em;text-indent:.205em;text-transform:lowercase;text-shadow:0 4px 30px rgba(0,0,0,.42)}.login-kicker{margin:20px 0 0;color:var(--login-gold-hi);font:500 clamp(10px,.72vw,12px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.50em;text-indent:.50em}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin:clamp(34px,4vh,46px) auto clamp(30px,3.7vh,42px);width:min(540px,78vw);color:var(--login-gold-hi)}.login-divider span{height:1px;background:linear-gradient(90deg,transparent,rgba(226,199,135,.40))}.login-divider span:last-child{background:linear-gradient(90deg,rgba(226,199,135,.40),transparent)}.login-divider i{font:400 18px/1 serif;font-style:normal;opacity:.78}.login-form{width:min(540px,82vw);margin:0 auto}.login-form label{display:block;margin-bottom:17px;color:#eae8e3;font:500 clamp(9px,.68vw,11px)/1 Arial,Helvetica,sans-serif;letter-spacing:.40em;text-indent:.40em}.login-field{height:74px;display:grid;grid-template-columns:1fr 92px;border:1px solid rgba(226,199,135,.26);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.10));box-shadow:0 18px 56px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.01);overflow:hidden;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.login-field:focus-within{border-color:rgba(226,199,135,.64);box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 0 2px rgba(195,148,56,.055);transform:translateY(-1px)}.login-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;padding:0 28px;font-size:22px;letter-spacing:.20em;caret-color:var(--login-gold-hi)}.login-field input::selection{background:rgba(195,148,56,.30)}.login-field button{display:grid;place-items:center;border:0;border-left:1px solid rgba(226,199,135,.18);background:rgba(0,0,0,.14);color:var(--login-gold-hi);cursor:pointer;transition:background .22s ease,color .22s ease}.login-field button span{font:200 39px/1 Arial,Helvetica,sans-serif;transform:translateX(-2px);transition:transform .22s ease}.login-field button:hover,.login-field button:focus-visible{outline:0;background:rgba(195,148,56,.92);color:#060708}.login-field button:hover span,.login-field button:focus-visible span{transform:translateX(5px)}.login-error{margin:12px auto 0;padding:11px 13px;display:flex;align-items:flex-start;gap:10px;text-align:left;border:1px solid rgba(195,148,56,.20);background:rgba(195,148,56,.052);color:#f1dfb6;font-size:11px;line-height:1.45}.login-error span{display:block;flex:0 0 2px;width:2px;align-self:stretch;background:var(--login-gold)}.login-security{display:flex;justify-content:center;align-items:center;gap:11px;margin-top:22px;color:#8d8980;font:500 8px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.22em}.login-lock{position:relative;width:15px;height:12px;border:1px solid rgba(226,199,135,.70);border-radius:2px}.login-lock::before{content:"";position:absolute;left:3px;top:-7px;width:7px;height:7px;border:1px solid rgba(226,199,135,.70);border-bottom:0;border-radius:7px 7px 0 0}
.login-request{display:inline-flex;align-items:center;justify-content:center;gap:17px;margin-top:clamp(30px,3.8vh,42px);color:var(--login-gold-hi);text-decoration:none;font:500 clamp(9px,.68vw,11px)/1 Arial,Helvetica,sans-serif;letter-spacing:.30em;text-transform:uppercase;transition:color .2s ease,transform .2s ease}.login-request:hover,.login-request:focus-visible{outline:0;color:#f3e4bd;transform:translateY(-1px)}.login-request__lock{position:relative;width:19px;height:16px;border:1px solid currentColor;border-radius:2px}.login-request__lock::before{content:"";position:absolute;left:5px;top:-9px;width:8px;height:9px;border:1px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}.login-contact{display:flex;align-items:center;justify-content:center;gap:17px;width:max-content;max-width:100%;margin:clamp(44px,5.8vh,66px) auto 0;text-decoration:none;color:#f1efea;text-align:left;transition:transform .2s ease}.login-contact:hover,.login-contact:focus-visible{outline:0;transform:translateY(-2px)}.login-linkedin{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(243,241,237,.62);border-radius:50%;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em;transition:border-color .2s ease,color .2s ease}.login-contact:hover .login-linkedin,.login-contact:focus-visible .login-linkedin{border-color:var(--login-gold-hi);color:var(--login-gold-hi)}.login-contact__copy{display:grid;gap:7px}.login-contact__title{font:500 clamp(10px,.76vw,12px)/1 Arial,Helvetica,sans-serif;letter-spacing:.31em}.login-contact__sub{color:#aaa69f;font:400 clamp(10px,.72vw,11px)/1 Arial,Helvetica,sans-serif;letter-spacing:.18em}.login-contact__sub b{margin-left:9px;color:var(--login-gold-hi);font-size:17px;font-weight:300;vertical-align:-1px}.login-footer{position:absolute;left:clamp(38px,5vw,78px);right:clamp(38px,5vw,78px);bottom:clamp(31px,4.3vh,50px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;color:#6e6b65;font:500 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.20em;text-transform:uppercase;pointer-events:none}.login-footer span:nth-child(2){color:#75716a}.login-footer span:last-child{text-align:right}.login-footer i{display:inline-block;width:4px;height:4px;margin:0 12px;border:1px solid rgba(226,199,135,.58);transform:rotate(45deg);vertical-align:1px}.login-page input:-webkit-autofill,.login-page input:-webkit-autofill:hover,.login-page input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out 0s;box-shadow:0 0 0 1000px #060708 inset}
@media(max-height:820px) and (min-width:721px){.login-access{transform:translateY(-.5vh)}.login-mark{margin-bottom:24px}.login-access h1{font-size:clamp(45px,5vw,70px)}.login-kicker{margin-top:16px}.login-divider{margin-top:28px;margin-bottom:26px}.login-field{height:68px}.login-security{margin-top:18px}.login-request{margin-top:24px}.login-contact{margin-top:34px}.login-footer{bottom:25px}}
@media(max-width:720px){.login-stage{padding:20px 16px;align-items:center}.login-stage__frame{inset:20px 14px}.login-orbit{top:47%}.login-orbit--outer{width:122vw}.login-orbit--inner{width:86vw}.login-access{width:100%;padding:12px 0;transform:none}.login-mark{width:min(230px,62vw);margin-bottom:28px}.login-mark img{width:31px}.login-access h1{font-size:clamp(39px,11.5vw,59px);letter-spacing:.12em;text-indent:.12em}.login-kicker{font-size:9px;letter-spacing:.34em;text-indent:.34em;margin-top:16px}.login-divider{margin:30px auto 31px;width:84vw}.login-form{width:min(100%,520px)}.login-form label{letter-spacing:.27em;text-indent:.27em}.login-field{height:66px;grid-template-columns:1fr 70px}.login-field input{padding:0 20px;font-size:18px}.login-field button span{font-size:34px}.login-security{font-size:7px;letter-spacing:.14em;margin-top:19px}.login-request{margin-top:26px;font-size:8px;letter-spacing:.22em}.login-contact{margin-top:38px;gap:13px}.login-linkedin{width:29px;height:29px;font-size:11px}.login-contact__title{font-size:9px;letter-spacing:.20em}.login-contact__sub{font-size:9px;letter-spacing:.11em}.login-footer{left:24px;right:24px;bottom:20px;grid-template-columns:1fr auto;font-size:5.7px;line-height:1.55}.login-footer span:nth-child(2){display:none}}
@media(max-width:430px){.login-stage__frame{inset:16px 10px}.login-access h1{font-size:36px}.login-mark{margin-top:1vh}.login-field{height:62px}.login-contact{width:auto}.login-contact__copy{gap:5px}.login-footer{font-size:5.2px}.login-footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){.login-field,.login-field button,.login-field button span,.login-request,.login-contact,.login-linkedin{transition:none}.login-field:focus-within,.login-request:hover,.login-contact:hover{transform:none}}

:root{--bg:#121212;--alt:#0a0a0a;--surface:#1e1e1e;--gold:#C39438;--muted:#a0a0a0;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif}.gate{min-height:100svh;display:grid;place-items:center;padding:clamp(20px,4vw,56px);background:radial-gradient(circle at 78% 20%,rgba(195,148,56,.12),transparent 26%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--alt);background-size:auto,25vw 25vh,25vw 25vh,auto}.gate__card{width:min(880px,100%);border:1px solid rgba(255,255,255,.14);background:rgba(18,18,18,.84);backdrop-filter:blur(18px);padding:clamp(26px,5vw,68px);box-shadow:0 40px 120px rgba(0,0,0,.35)}.gate__meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.gate__brand{display:flex;align-items:center;gap:16px;margin:clamp(70px,13vh,150px) 0 24px}.gate__brand img{display:block;width:clamp(44px,6vw,72px);height:auto;filter:drop-shadow(0 0 18px rgba(195,148,56,.16))}.gate h1{margin:0;font-size:clamp(68px,12vw,170px);letter-spacing:-.09em;line-height:.72}.gate h1 span{color:var(--gold)}.gate>section>p{margin:0 0 48px;color:var(--muted);font-size:14px}.gate label{display:block;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;margin-bottom:10px}.field{display:grid;grid-template-columns:1fr auto;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.field input{min-width:0;border:0;outline:0;background:transparent;color:#fff;padding:24px 4px;font-size:20px;letter-spacing:.05em}.field button{border:0;background:var(--gold);color:#121212;padding:0 28px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;cursor:pointer;transition:background .25s,transform .25s}.field button:hover{background:#A06E19;transform:translateY(-2px)}.field button b{font-size:18px;margin-left:18px}.gate__error{margin-top:18px;color:#C39438;font-size:12px}.gate__foot{display:flex;justify-content:space-between;gap:20px;margin-top:58px;color:#6f6f6f;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}@media(max-width:650px){.gate__meta,.gate__foot{display:grid}.field{grid-template-columns:1fr}.field button{padding:20px}.gate__brand{margin-top:80px;gap:12px}.gate__brand img{width:42px}}

/* v4.2.1 browser-based first-run setup */
.setup-note{margin:18px 0 34px;color:#a0a0a0;max-width:42rem;line-height:1.55}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.setup-grid input{width:100%;box-sizing:border-box;background:transparent;color:#fff;border:1px solid #343434;padding:19px 18px;font:inherit;outline:none}
.setup-grid input:focus{border-color:#C39438}
.setup-submit{width:100%;margin-top:12px;padding:20px;border:0;background:#C39438;color:#0a0a0a;font-weight:800;letter-spacing:.08em;cursor:pointer}
.setup-submit:hover{filter:brightness(.96)}
.setup-ok{color:#C39438;font-size:12px;margin-top:14px}
@media(max-width:680px){.setup-grid{grid-template-columns:1fr}}

.setup-key-row{margin-bottom:24px}

/* R4 safe-area/short-screen layout only. Authentication is unchanged. */
@media(max-width:1100px),(max-height:650px){.login-stage{min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));align-content:start;gap:28px}.login-access{transform:none;max-width:540px;padding-top:24px}.login-footer{position:relative;inset:auto;width:100%;margin-top:28px;font-size:9px}.login-security{font-size:11px;line-height:1.5;letter-spacing:.06em}.login-request{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.login-contact__title,.login-contact__sub{font-size:12px;line-height:1.5}.login-contact{min-height:44px}.login-form label{font-size:12px}.gate__card{padding:24px}.gate__brand{margin-top:40px}.gate h1{font-size:clamp(42px,12vw,100px)}.setup-grid input{font-size:18px;min-height:48px}.setup-note{font-size:16px}.gate__foot{font-size:11px;line-height:1.5}}
/* First-run setup also needs a full-size touch target for the operator key. */
.gate .setup-key-row input{display:block;width:100%;min-height:48px;border:1px solid #343434;background:transparent;color:#fff;padding:16px 18px;font:18px Arial,Helvetica,sans-serif}
.gate .setup-key-row input:focus{outline:2px solid #C39438;outline-offset:2px}
@media(max-width:1100px),(max-height:650px){.gate label{font-size:12px;line-height:1.5}.gate .setup-note{font-size:16px;line-height:1.6}.setup-submit{min-height:48px;line-height:1.5}.setup-ok{font-size:13px}.gate__foot{flex-wrap:wrap}}

/* R5.2 four-digit PIN authentication. */
.login-field--pin input{font-variant-numeric:tabular-nums;letter-spacing:.75em;text-align:center;padding-left:calc(24px + .75em);font-size:clamp(22px,2vw,30px)}
.login-field--pin input::placeholder{letter-spacing:.75em}
@media(max-width:720px){.login-field--pin input{font-size:24px;letter-spacing:.65em;padding-left:calc(20px + .65em)}}
.gate .setup-grid input[inputmode="numeric"]{font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;font-size:22px}

/* =========================================================
   R6 — AUTHENTICATION ORBIT / LOGIN → HOME CONTINUITY
   ========================================================= */
.login-stage{--handoff-x:25.5vw;--handoff-y:7vh;--orbit-ease:cubic-bezier(.22,.8,.24,1);background:radial-gradient(ellipse 58% 46% at 50% -4%,rgba(255,255,255,.115),transparent 64%),radial-gradient(ellipse 38% 34% at 50% 46%,rgba(195,148,56,.035),transparent 72%),linear-gradient(180deg,#080a0c 0%,#040506 60%,#030405 100%)}
.login-stage__frame{transition:opacity .55s ease}
.login-access{transition:transform 1.1s var(--orbit-ease)}
.login-mark,.login-access h1,.login-kicker,.login-divider,.login-request,.login-contact,.login-footer{transition:opacity .42s ease,transform .72s var(--orbit-ease)}
.login-instrument{position:relative;width:min(640px,86vw);min-height:154px;margin:0 auto;display:grid;place-items:center;isolation:isolate;transition:transform 1.08s var(--orbit-ease);will-change:transform}
.login-form{position:relative;z-index:5;width:min(540px,82vw);transition:opacity .36s ease,transform .62s var(--orbit-ease)}
.login-rail{--rail-y:0px;--rail-r:0deg;--rail-s:.92;position:absolute;left:50%;top:76px;width:min(650px,86vw);height:280px;border:1px solid rgba(226,199,135,.22);border-radius:50%;opacity:.55;transform:translate(-50%,-50%) translateY(var(--rail-y)) rotate(0deg) scaleX(var(--rail-s)) scaleY(.012);transform-origin:center;transition:transform 1.05s var(--orbit-ease),opacity .45s ease,border-color .45s ease,box-shadow .55s ease;pointer-events:none;will-change:transform}
.login-rail::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:rgba(245,221,165,.24);transform:translateY(-1px);opacity:.45}
.login-rail::after{content:"";position:absolute;left:calc(50% - 4px);top:-5px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f5dfaa 0 14%,#c39438 34%,#31240f 72%,#050607 100%);box-shadow:0 0 0 5px rgba(195,148,56,.05),0 0 22px rgba(195,148,56,.22);opacity:.26;transition:opacity .42s ease}
.login-rail i{position:absolute;left:8%;right:8%;top:50%;height:1px;background:repeating-linear-gradient(90deg,rgba(226,199,135,.14) 0 1px,transparent 1px 34px);opacity:.55}
.login-rail--1{--rail-y:-42px;--rail-r:-9deg;--rail-s:.76}
.login-rail--2{--rail-y:0px;--rail-r:58deg;--rail-s:.9}
.login-rail--3{--rail-y:42px;--rail-r:122deg;--rail-s:1}
.login-system-core{position:absolute;left:50%;top:76px;width:112px;height:112px;transform:translate(-50%,-50%) scale(.45) rotate(-4deg);opacity:0;display:grid;place-items:center;z-index:4;transition:opacity .42s ease .22s,transform .82s var(--orbit-ease) .18s;pointer-events:none}
.login-system-core::before,.login-system-core::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.login-system-core::before{inset:-26%;border:1px solid rgba(226,199,135,.13);box-shadow:0 0 46px rgba(195,148,56,.08)}
.login-system-core::after{inset:8%;background:radial-gradient(circle,rgba(226,199,135,.08),transparent 70%)}
.login-system-core span{position:absolute;inset:-52%;border-radius:50%;background:radial-gradient(circle,rgba(195,148,56,.11),transparent 62%);filter:blur(12px)}
.login-system-core img{position:relative;z-index:2;width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.48)) drop-shadow(0 0 16px rgba(195,148,56,.13))}
.login-field{position:relative;border-radius:0;border-color:rgba(226,199,135,.32);background:linear-gradient(90deg,rgba(255,255,255,.012),rgba(195,148,56,.018) 50%,rgba(255,255,255,.012));box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.015)}
.login-field::before,.login-field::after{content:"";position:absolute;left:0;right:92px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(226,199,135,.23) 15%,rgba(226,199,135,.23) 85%,transparent)}
.login-field::before{top:17px}.login-field::after{bottom:17px;opacity:.52}
.login-pin-dots{display:none;position:absolute;z-index:3;left:34px;right:126px;top:0;height:100%;align-items:center;justify-content:center;gap:clamp(25px,4vw,48px);pointer-events:none}
.login-pin-dots i{width:10px;height:10px;border:1px solid rgba(226,199,135,.5);border-radius:50%;background:transparent;box-shadow:0 0 0 0 rgba(195,148,56,0);transition:background .18s ease,box-shadow .22s ease,transform .22s var(--orbit-ease),border-color .18s ease}
.login-pin-dots i.is-filled{background:#d3a74f;border-color:#f0d79d;box-shadow:0 0 0 5px rgba(195,148,56,.055),0 0 18px rgba(195,148,56,.2);transform:scale(.82)}
.login-js .login-pin-dots{display:flex}
.login-js .login-field--pin input{color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:rgba(226,199,135,.62);letter-spacing:0;text-align:left}
.login-error{min-height:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .24s ease,margin .24s ease,padding .24s ease}
.login-error.is-visible{max-height:88px;margin-top:12px;padding:11px 13px;opacity:1}
.login-error b{font:inherit;font-weight:400}
.login-transition-status{min-height:16px;margin:12px 0 0;color:#817b70;font:500 8px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:0;transition:opacity .25s ease}
.login-page.is-authenticating .login-transition-status{opacity:1}
.login-page.is-authenticating .login-field{border-color:rgba(226,199,135,.68);box-shadow:0 0 0 1px rgba(195,148,56,.08),0 20px 60px rgba(0,0,0,.35)}
.login-page.is-authenticating .login-field button span{animation:loginArrowPulse .7s ease-in-out infinite alternate}
.login-page.has-login-error .login-instrument{animation:loginReject .38s cubic-bezier(.2,.8,.2,1)}
.login-page.is-authenticated .login-mark,.login-page.is-authenticated .login-access h1,.login-page.is-authenticated .login-kicker,.login-page.is-authenticated .login-divider,.login-page.is-authenticated .login-request,.login-page.is-authenticated .login-contact,.login-page.is-authenticated .login-footer{opacity:0;transform:translateY(-14px);pointer-events:none}
.login-page.is-authenticated .login-stage__frame{opacity:.48}
.login-page.is-authenticated .login-form{opacity:0;transform:scale(.86);pointer-events:none}
.login-page.is-authenticated .login-instrument{transform:translate3d(var(--handoff-x),var(--handoff-y),0) scale(.96)}
.login-page.is-authenticated .login-rail{top:76px;opacity:.86;border-color:rgba(226,199,135,.38);transform:translate(-50%,-50%) translateY(0) rotate(var(--rail-r)) scaleX(var(--rail-s)) scaleY(1);box-shadow:0 0 34px rgba(195,148,56,.035)}
.login-page.is-authenticated .login-rail::after{opacity:.9}
.login-page.is-authenticated .login-system-core{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}
.login-page.is-authenticated .login-transition-status{opacity:0}
.login-page.is-authenticated .login-stage::after{opacity:.34}
@keyframes loginArrowPulse{to{transform:translateX(6px)}}
@keyframes loginReject{25%{transform:translateX(-3px)}55%{transform:translateX(2px)}100%{transform:none}}

@media(max-width:900px){
 .login-stage{--handoff-x:0vw;--handoff-y:18vh}
 .login-instrument{width:min(620px,94vw)}
 .login-rail{width:min(620px,94vw);height:270px}
 .login-page.is-authenticated .login-instrument{transform:translate3d(var(--handoff-x),var(--handoff-y),0) scale(.82)}
}
@media(max-width:720px){
 .login-access{padding-top:5vh}
 .login-mark{margin-bottom:22px}
 .login-divider{margin-top:24px;margin-bottom:20px}
 .login-instrument{min-height:142px}
 .login-rail{top:70px;width:104vw;height:230px}
 .login-rail--1{--rail-y:-34px;--rail-s:.68}
 .login-rail--2{--rail-y:0px;--rail-s:.82}
 .login-rail--3{--rail-y:34px;--rail-s:.96}
 .login-system-core{top:70px;width:96px;height:96px}
 .login-system-core img{width:80px;height:80px}
 .login-pin-dots{left:20px;right:92px;gap:clamp(20px,8vw,38px)}
 .login-field::before,.login-field::after{right:70px}
 .login-page.is-authenticated .login-rail{top:70px}
 .login-page.is-authenticated .login-instrument{transform:translate3d(0,19vh,0) scale(.78)}
}
@media(max-height:620px) and (min-width:721px){
 .login-stage{--handoff-x:22vw;--handoff-y:0vh}
 .login-access{padding-top:4px}
 .login-mark{margin-bottom:14px}
 .login-divider{margin:18px auto 18px}
 .login-instrument{min-height:122px}
 .login-rail,.login-system-core{top:60px}
 .login-request{margin-top:15px}.login-contact{margin-top:18px}.login-footer{display:none}
 .login-page.is-authenticated .login-instrument{transform:translate3d(var(--handoff-x),var(--handoff-y),0) scale(.72)}
}
@media(prefers-reduced-motion:reduce){
 .login-rail,.login-system-core,.login-access,.login-form,.login-mark,.login-access h1,.login-kicker,.login-divider,.login-request,.login-contact,.login-footer{transition-duration:.18s!important;animation:none!important}
 .login-page.is-authenticated .login-instrument{transform:none}
 .login-page.is-authenticated .login-rail{transform:translate(-50%,-50%) rotate(var(--rail-r)) scaleX(var(--rail-s)) scaleY(1)}
}