/* A focused account entrance within Cyberpath's established Spectral identity. */
html[data-theme]{--sans:"DM Sans",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;scroll-padding-top:24px}
html[data-theme] body.login-document{margin:0;min-width:0;background:var(--cp-bg);color:var(--cp-text);font:400 16px/1.6 var(--sans)}
.login-document *{box-sizing:border-box}
.login-document a{text-decoration:none}
.login-colour-filter{position:absolute;pointer-events:none}
.login-document .login-skip{position:fixed;left:20px;top:-80px;z-index:10;min-height:44px;padding:11px 18px;border-radius:7px;background:var(--cp-accent);color:var(--cp-accent-text);font-weight:650}
.login-document .login-skip:focus{top:16px}
html[data-theme] .login-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1360px;margin:auto;padding:24px 44px;border-bottom:1px solid var(--cp-border)}
html[data-theme] .login-brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--cp-text);font:800 23px/1 var(--sans);letter-spacing:.025em}
.login-brand svg{width:35px;height:38px;color:var(--cp-accent)}
.login-header-actions{display:flex;align-items:center;gap:27px}
html[data-theme] .login-guest{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--cp-muted);font:600 14px/1.5 var(--sans)}
.login-guest svg{width:20px;height:20px;color:var(--cp-accent)}
html[data-theme] .login-appearance{display:flex;gap:3px;padding:3px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface)}
html[data-theme] .login-appearance button{display:grid;place-items:center;width:44px;min-height:44px;margin:0;padding:10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--cp-muted);cursor:pointer}
.login-appearance svg{width:21px;height:21px}
html[data-theme] .login-appearance button[aria-pressed=true]{background:var(--cp-accent-soft);border-color:var(--cp-border-strong);color:var(--cp-accent)}
html[data-theme] .login-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,510px);align-items:center;gap:70px;width:100%;max-width:1260px;min-height:calc(100svh - 179px);margin:0 auto;padding:42px 44px 46px}
.login-story{min-width:0;max-width:550px}.login-mobile-guest{display:none}
html[data-theme] .login-story .login-introduction{margin:0 0 19px;color:var(--cp-muted);font:500 14px/1.5 var(--sans)}
html[data-theme] .login-story h1{margin:0 0 20px;color:var(--cp-text);font:750 clamp(44px,5.3vw,68px)/1.04 var(--sans);letter-spacing:-.055em}
html[data-theme] .login-description{margin:0;color:var(--cp-muted);font:400 20px/1.65 var(--sans)}
.login-art{position:relative;max-width:470px;margin:5px -18px 0;isolation:isolate}
.login-art:before{content:"";position:absolute;z-index:-1;inset:25% 8% 10%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--cp-accent) 12%,transparent),transparent 70%)}
.login-art img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;filter:url(#login-cyan-art)}
html[data-theme] .login-art figcaption{margin:-7px 0 13px 18px;color:var(--cp-muted);font:500 13px/1.7 var(--sans)}
html[data-theme] .login-principles{display:flex;flex-direction:column;gap:6px;padding:19px 0 0;border-top:1px solid var(--cp-border);max-width:410px;color:var(--cp-muted);font:400 13px/1.6 var(--sans)}
.login-principles span:first-child{display:flex;align-items:center;gap:10px;color:var(--cp-text);font-weight:600;font-size:14px}
.login-principles svg{width:19px;height:21px;color:var(--cp-accent)}
.login-principles span:last-child{padding-left:29px}
.login-access{min-width:0;width:100%}
html[data-theme] .login-document .account-workspace{width:100%;max-width:none;margin:0}
html[data-theme] .login-document .account-heading,html[data-theme] .login-document .account-explainer{display:none}
html[data-theme] .login-document .account-layout{display:block}
html[data-theme] .demo-credentials{margin-top:24px;padding-top:15px;border-top:1px solid var(--cp-border)}
html[data-theme] .demo-credentials summary{min-height:44px;cursor:pointer;color:var(--cp-text);font:600 14px/1.7 var(--sans)}
html[data-theme] .demo-credentials dl{margin:8px 0 0;display:grid;gap:13px}
html[data-theme] .demo-credentials dt{font:600 13px/1.7 var(--sans);color:var(--cp-muted)}
html[data-theme] .demo-credentials dd{margin:4px 0;font:400 13px/1.7 var(--sans);color:var(--cp-text);overflow-wrap:anywhere}
html[data-theme] .demo-credentials code{font-size:13px;color:var(--cp-text);background:var(--cp-surface-soft)}
html[data-theme] .login-document .account-panel{width:100%;margin:0;padding:31px 32px 29px;border-radius:16px;border-color:var(--cp-border-strong);box-shadow:0 20px 60px color-mix(in srgb,var(--cp-shadow) 18%,transparent)}
html[data-theme] .login-document .account-panel h2{font-size:30px;margin-top:25px}
html[data-theme] .login-document .account-panel>h2:first-child{margin-top:0}
html[data-theme] .login-document .account-tabs{margin:-7px 0 24px;padding:0;border-left:0;border-right:0}
html[data-theme] .login-document .account-tabs a{background:transparent;color:var(--cp-muted)}
html[data-theme] .login-document .account-tabs a[aria-current]{background:var(--cp-accent-soft);color:var(--cp-text);border-color:var(--cp-accent)}
html[data-theme] .login-document :is(.account-tabs,.login-header-actions):before,html[data-theme] .login-document :is(.account-tabs,.login-header-actions):after,html[data-theme] .login-document :is(.account-tabs,.login-header-actions) a:before,html[data-theme] .login-document :is(.account-tabs,.login-header-actions) a:after{content:none;display:none}
html[data-theme] .login-record-note{max-width:49ch;margin:18px auto 0;padding:0 5px;color:var(--cp-muted);font:400 12px/1.75 var(--sans);text-align:center}
html[data-theme] .login-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1272px;margin:auto;padding:17px 44px;color:var(--cp-muted);border-top:1px solid var(--cp-border);font:400 12px/1.6 var(--sans)}
html[data-theme] .login-footer>span{color:var(--cp-muted);font:inherit}
html[data-theme] .login-footer a,html[data-theme] .login-footer button{display:inline-flex;align-items:center;min-height:44px;color:var(--cp-muted);font:500 12px/1.5 var(--sans)}
html[data-theme] .login-footer button{margin:0;padding:8px 0;border:0;background:transparent;cursor:pointer}
html[data-theme] .login-document :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--cp-accent);outline-offset:4px}
html[data-theme] .login-document a:hover,html[data-theme] .login-footer button:hover{color:var(--cp-accent)}
@media(max-width:1100px){html[data-theme] .login-main{gap:42px;grid-template-columns:minmax(0,1fr) minmax(0,470px);padding-left:30px;padding-right:30px}.login-art{margin-left:-10px;margin-right:0}html[data-theme] .login-story h1{font-size:55px}html[data-theme] .login-header{padding-left:30px;padding-right:30px}}
@media(max-width:850px){html[data-theme] .login-main{grid-template-columns:minmax(0,1fr);gap:27px;max-width:560px;padding:29px 25px 34px;min-height:0}.login-story{display:contents}.login-story-copy{grid-row:1}.login-access{grid-row:2}.login-art,.login-principles{display:none}html[data-theme] .login-story h1{font-size:40px;letter-spacing:-.045em;margin-bottom:13px}.login-story h1 br{display:none}html[data-theme] .login-story .login-introduction{margin-bottom:12px;font-size:13px}html[data-theme] .login-description{font-size:16px;line-height:1.6}.login-description br{display:none}html[data-theme] .login-header{padding:17px 24px;gap:15px}html[data-theme] .login-brand{font-size:20px;gap:9px}.login-brand svg{width:30px;height:33px}.login-header-actions{gap:16px}html[data-theme] .login-guest{font-size:13px}.login-guest svg{display:none}html[data-theme] .login-footer{padding:14px 25px;gap:12px;font-size:11px}.login-footer>span{display:none}}
@media(max-width:500px){html[data-theme] .login-header{padding:14px 18px}.login-header-actions{gap:9px}html[data-theme] .login-header .login-guest{display:none}html[data-theme] .login-main{padding:26px 18px 30px}html[data-theme] .login-story h1{font-size:38px}html[data-theme] .login-mobile-guest{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:var(--cp-accent);font:600 14px/1.5 var(--sans)}html[data-theme] .login-document .account-panel{padding:27px 21px 23px;border-radius:12px}html[data-theme] .login-document .account-panel h2{font-size:27px}.login-record-note{text-align:left}html[data-theme] .login-footer{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.login-document *, .login-document *:before{animation:none!important;transition:none!important}}