.login-page{background:var(--color-background);min-height:100svh;color:var(--color-foreground);position:relative;overflow:hidden}.login-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.login-shell{flex-direction:column;max-width:1440px;min-height:100svh;margin:0 auto;padding:32px clamp(24px,5.5vw,88px) 28px;display:flex;position:relative}.login-header,.login-footer{justify-content:space-between;align-items:center;display:flex}.login-brand{color:var(--color-foreground);font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.login-brand:hover{color:#fff}.login-brand:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px;border-radius:4px}.login-brand-mark{background:var(--color-foreground);width:34px;height:34px;color:var(--color-background);border-radius:10px;place-items:center;font-size:21px;line-height:1;display:grid}.login-header-label,.login-footer,.login-index,.login-panel-code,.login-eyebrow,.login-panel-bottom,.login-art-coordinate{letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.login-header-label{color:var(--color-subtle)}.login-content{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(380px,.85fr);align-items:center;gap:clamp(40px,7vw,112px);width:100%;padding:70px 0;display:grid}.login-story{flex-direction:column;justify-content:center;align-self:stretch;min-height:580px;display:flex;position:relative}.login-index{color:var(--color-muted);align-items:center;gap:10px;display:flex}.login-index-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;box-shadow:0 0 15px #0066df8c}.login-story-title{z-index:1;font-family:var(--font-display);letter-spacing:-.075em;margin:28px 0 0;font-size:clamp(54px,6.1vw,94px);font-weight:500;line-height:1.13;position:relative}.login-story-title span{color:var(--color-primary)}.login-story-copy{z-index:1;color:var(--color-muted);margin:30px 0 0;font-size:14px;line-height:1.9;position:relative}.login-art{aspect-ratio:1;opacity:.82;pointer-events:none;width:min(49vw,580px);position:absolute;bottom:-12%;right:-9%}.login-art-ring{border:1px solid #ffffff21;border-radius:50%;position:absolute}.login-art-ring-outer{inset:0}.login-art-ring-middle{border-style:dashed;border-color:#ffffff1a;inset:13%}.login-art-ring-inner{border-color:#ffffff2e;inset:28%}.login-art-ring-outer:before,.login-art-ring-outer:after{content:"";background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute}.login-art-ring-outer:before{top:15%;left:14%}.login-art-ring-outer:after{background:var(--color-foreground);bottom:18%;right:11%}.login-art-axis{background:#ffffff1a;position:absolute}.login-art-axis-horizontal{height:1px;top:50%;left:-6%;right:-6%}.login-art-axis-vertical{width:1px;top:-6%;bottom:-6%;left:50%}.login-art-core{background:var(--color-primary);color:#fff;border:1px solid #7db4ff59;border-radius:50%;place-items:center;font-size:clamp(25px,3vw,42px);display:grid;position:absolute;inset:40%;box-shadow:0 0 0 12px #0066df12,0 0 55px #0066df45}.login-art-coordinate{color:var(--color-subtle);position:absolute}.login-art-coordinate-top{top:6%;right:-4%}.login-art-coordinate-bottom{bottom:4%;left:-4%}.login-panel{z-index:2;background:var(--color-surface);border:1px solid #ffffff1a;border-radius:24px;justify-self:end;width:100%;max-width:480px;padding:clamp(28px,3.5vw,48px);position:relative;box-shadow:0 24px 80px #00000038,inset 0 1px #ffffff09}.login-panel-top{justify-content:space-between;align-items:center;display:flex}.login-panel-icon{border:1px solid var(--color-outline);background:var(--color-stage);width:40px;height:40px;color:var(--color-foreground);border-radius:12px;place-items:center;display:grid}.login-panel-code{color:var(--color-subtle)}.login-panel-heading{margin-top:52px}.login-eyebrow{color:var(--color-primary);margin:0 0 12px}.login-panel-heading h2{font-family:var(--font-display);letter-spacing:-.065em;margin:0;font-size:clamp(36px,3.2vw,46px);font-weight:500;line-height:1.15}.login-title-dot{color:var(--color-primary)}.login-panel-heading>p:last-child{color:var(--color-muted);margin:13px 0 0;font-size:13px}.login-form{gap:22px;margin-top:38px;display:grid}.login-field{gap:10px;display:grid}.login-field label{color:var(--color-foreground);font-size:12px;font-weight:500}.login-field .ds-input{width:100%;height:48px;padding:0 15px;font-size:13px}.login-error{color:var(--color-danger);margin:-5px 0 -3px;font-size:12px;line-height:1.5}.login-submit{border-radius:var(--radius-form);justify-content:space-between;width:100%;height:48px;margin-top:7px;padding:0 18px;font-size:13px}.login-submit svg{transition:transform .25s cubic-bezier(.22,1,.36,1)}.login-submit:hover:not(:disabled) svg{transform:translate(3px)}.login-submit:active:not(:disabled) svg{transform:translate(1px)}.login-panel-bottom{border-top:1px solid var(--color-outline);color:var(--color-subtle);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:10px;margin-top:33px;padding-top:22px;display:flex}.login-panel-bottom-icon{align-items:center;gap:4px;display:inline-flex}.login-footer{color:var(--color-subtle)}@media (max-width:900px){.login-content{grid-template-columns:1fr;gap:48px;padding:74px 0}.login-story{min-height:300px}.login-story-title{font-size:clamp(52px,9vw,78px)}.login-art{opacity:.45;width:min(60vw,440px);bottom:-10%;right:2%}.login-panel{justify-self:start;max-width:560px}}@media (max-width:560px){.login-shell{padding:22px 20px 24px}.login-header-label,.login-footer span:last-child{display:none}.login-content{gap:42px;padding:64px 0 56px}.login-story{justify-content:flex-start;min-height:245px}.login-story-title{margin-top:25px;font-size:clamp(46px,12vw,65px)}.login-story-copy{margin-top:19px;font-size:12px}.login-art{opacity:.22;width:74vw;bottom:-26%;right:-20%}.login-panel{padding:28px 24px}.login-panel-heading{margin-top:42px}.login-form{margin-top:32px}}@media (prefers-reduced-motion:reduce){.login-submit svg{transition:none}.login-submit:hover:not(:disabled) svg,.login-submit:active:not(:disabled) svg{transform:none}}