:root{--ink:#0d0e0d;--ink-soft:#151615;--paper:#f1f2ec;--white:#fbfcf7;--muted:#6d736c;--purple:#9b5cff;--purple-light:#c7a5ff;--purple-dark:#6e2fd1;--line:#0d0e0d29;--dark-line:#ffffff21;color:var(--ink);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--purple-light);outline-offset:3px}.login-page{min-height:100vh;color:var(--white);background:var(--ink);grid-template-rows:84px 1fr;grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr);display:grid;position:relative;overflow:hidden}.page-grid{opacity:.25;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0 42% 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 95%);mask-image:linear-gradient(90deg,#000,#0000 95%)}.orbit{pointer-events:none;border:1px solid #9b5cff24;border-radius:50%;position:absolute}.orbit-one{width:58vw;height:58vw;bottom:-39vw;left:-24vw}.orbit-two{width:37vw;height:37vw;bottom:-25vw;left:-10vw}.login-header{z-index:3;border-bottom:1px solid var(--dark-line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:30px;min-height:84px;padding:0 clamp(24px,4vw,70px);display:flex;position:relative}.brand{width:max-content;color:inherit;align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--purple-light);border:1px solid #ffffff8f;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:20px;display:grid}.brand-copy{text-transform:uppercase;flex-direction:column;display:flex}.brand-copy strong{letter-spacing:.13em;font-size:15px}.brand-copy small{color:#9da49c;letter-spacing:.2em;margin-top:6px;font-size:10px;font-weight:700}.lab-status{color:#b1b7af;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:flex}.status-dot{background:var(--purple);width:7px;height:7px;box-shadow:0 0 0 5px #9b5cff1f, 0 0 18px var(--purple);border-radius:50%}.login-story{z-index:2;flex-direction:column;min-width:0;padding:clamp(60px,8vw,125px) clamp(40px,7vw,120px) 48px clamp(24px,5vw,80px);display:flex;position:relative}.story-code{color:var(--purple-light);letter-spacing:.15em;font-family:Courier New,monospace;font-size:12px;font-weight:700}.login-story h1{letter-spacing:-.068em;max-width:790px;margin:30px 0 28px;font-size:clamp(54px,6.1vw,102px);font-weight:500;line-height:.92}.login-story h1 em{color:var(--purple-light);font-family:Georgia,Times New Roman,serif;font-weight:400;display:block}.login-story>p{color:#b4bab3;max-width:650px;margin:0;font-size:clamp(17px,1.3vw,21px);line-height:1.65}.journey-line{border-top:1px solid var(--dark-line);grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;margin-top:clamp(55px,8vh,94px);display:grid}.journey-item{color:#70766f;flex-direction:column;gap:9px;min-height:88px;padding:18px 12px 0 0;display:flex}.journey-item+.journey-item{border-left:1px solid var(--dark-line);padding-left:21px}.journey-item span{font-family:Georgia,Times New Roman,serif;font-size:24px}.journey-item strong{letter-spacing:.13em;text-transform:uppercase;font-size:11px}.journey-item-active{color:var(--white);border-top:2px solid var(--purple);margin-top:-1px}.journey-item-active span{color:var(--purple-light)}.story-footer{color:#747b73;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:26px;margin-top:auto;padding-top:42px;font-family:Courier New,monospace;font-size:11px;display:flex}.story-footer span+span:before{content:"/";color:var(--purple);margin-right:26px}.access-panel{z-index:4;min-width:0;min-height:calc(100vh - 84px);color:var(--ink);background:var(--paper);grid-template-rows:54px 1fr 50px;display:grid;position:relative}.panel-topline,.panel-footer{color:#767d75;border-bottom:1px solid var(--line);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(28px,4vw,62px);font-family:Courier New,monospace;font-size:11px;font-weight:700;display:flex}.panel-topline span:first-child{align-items:center;gap:9px;display:flex}.panel-topline i{background:var(--purple);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #9b5cffa6}.panel-content{place-self:center;width:100%;max-width:690px;padding:clamp(48px,8vh,100px) clamp(32px,6vw,90px) 60px}.form-heading{border-bottom:1px solid var(--line);padding-bottom:28px}.form-heading>span{color:var(--purple-dark);letter-spacing:.14em;text-transform:uppercase;font-family:Courier New,monospace;font-size:11px;font-weight:800}.form-heading h2{letter-spacing:-.055em;margin:19px 0 8px;font-size:clamp(38px,3.5vw,57px);font-weight:500;line-height:.98}.form-heading p{color:#686f67;margin:0;font-size:16px;line-height:1.6}.field{gap:10px;margin-top:27px;display:grid}.field>span:first-child,.field>span:first-child b{letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:800}.field-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.field-row button,.password-control button,.back-button{color:#616860;letter-spacing:.08em;text-underline-offset:5px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.field input{width:100%;height:61px;color:var(--ink);background:var(--white);border:1px solid #c3c8be;border-radius:0;outline:none;padding:0 17px;font-size:16px;transition:border-color .16s,box-shadow .16s}.field input::placeholder{color:#969d95}.field input:focus{border-color:var(--purple-dark);box-shadow:0 0 0 3px #9b5cff24}.password-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.password-control input{grid-area:1/1/auto/-1;padding-right:105px}.password-control button{z-index:2;grid-area:1/2;margin-right:17px;text-decoration:none;position:relative}.remember-control{color:#666d65;cursor:pointer;align-items:center;gap:11px;width:max-content;margin-top:22px;font-size:13px;display:flex}.remember-control input{opacity:0;pointer-events:none;position:absolute}.remember-control>span{background:var(--white);border:1px solid #8e958d;place-items:center;width:18px;height:18px;display:grid}.remember-control input:checked+span{border-color:var(--purple-dark);background:var(--purple);box-shadow:inset 0 0 0 4px var(--white)}.remember-control input:focus-visible+span{outline:3px solid var(--purple-light);outline-offset:3px}.form-error{color:#7f2040;background:#f7dce6;border-left:3px solid #c44972;margin:19px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.submit-button{border:1px solid var(--purple);width:100%;min-height:60px;color:var(--white);background:var(--purple-dark);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;margin-top:27px;padding:0 22px;font-size:13px;font-weight:900;transition:background .16s,transform .16s;display:flex}.submit-button:hover:not(:disabled){background:var(--ink);transform:translateY(-2px)}.submit-button:disabled{cursor:wait;opacity:.65}.submit-button b{font-size:20px;font-weight:400}.back-button{text-align:center;width:100%;margin-top:22px}.panel-footer{border-top:1px solid var(--line);color:#8a9189;border-bottom:0;font-size:10px}.success-state{display:grid}.success-message{color:#4e3b68;background:#ece3f9;border:1px solid #c9b3ec;margin-top:27px;padding:18px;font-size:14px;line-height:1.6}@media (width<=1020px){.login-page{grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr)}.login-story{padding-right:45px}.journey-line{border-top:0;grid-template-columns:1fr}.journey-item{border-top:1px solid var(--dark-line);flex-direction:row;align-items:center;min-height:58px;padding:12px 0}.journey-item+.journey-item{border-left:0;padding-left:0}.journey-item-active{border-top:1px solid var(--purple);margin-top:0}.story-footer{flex-direction:column;align-items:flex-start;gap:10px}.story-footer span+span:before{display:none}}@media (width<=760px){.login-page{min-height:100vh;display:block;overflow:visible}.page-grid{inset:0}.login-header{min-height:76px;padding:0 20px}.brand-copy small{display:none}.lab-status{font-size:10px}.login-story{min-height:auto;padding:55px 20px 48px}.login-story h1{margin-top:24px;font-size:clamp(50px,14vw,72px)}.login-story>p{font-size:16px}.journey-line{margin-top:48px}.story-footer{display:none}.access-panel{grid-template-rows:50px auto 48px;min-height:auto}.panel-topline,.panel-footer{padding-inline:20px}.panel-content{max-width:none;padding:45px 20px 55px}.form-heading h2{font-size:42px}}@media (width<=420px){.brand-copy{display:none}.field-row{flex-direction:column;align-items:flex-start;gap:8px}.panel-topline span:last-child,.panel-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}