@charset "UTF-8";
:root{--bg:#101b24;--panel:#16232d;--deep:#0c151c;--line:#31414a;--text:#f3f1e7;--muted:#a9b8bd;--mint:#b6f4c8;--orange:#f8b789;--danger:#ffb1a8;--font:Segoe UI,Helvetica,Arial,sans-serif;--mono:Consolas,SFMono-Regular,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}::selection{background:var(--mint);color:var(--deep)}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:12px 20px;color:var(--deep);background:var(--mint)}.skip-link:focus{top:10px}.site-header{max-width:1440px;margin:auto;height:108px;padding:0 6%;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:17px;align-items:center;font-size:28px;font-weight:750;letter-spacing:-1.2px;white-space:nowrap}.brand-lab{font-weight:400;color:var(--muted);font-size:23px;letter-spacing:-.5px}.brand-mark{height:25px;width:25px;border:2px solid var(--mint);display:block;position:relative;transform:rotate(-8deg)}.brand-mark:after{content:"";position:absolute;width:18px;height:18px;left:7px;top:7px;background:var(--bg);border:2px solid var(--mint)}nav{display:flex;gap:28px;margin-left:auto;align-items:center;font-size:14px}nav a{color:var(--muted);transition:color .2s}nav a:hover,nav a[aria-current=page]{color:var(--mint)}.nav-login{border:1px solid var(--line);padding:9px 16px;color:var(--text)}.nav-login span{margin-left:14px}.sandbox-label{font-family:var(--mono);font-size:10px;letter-spacing:1px;white-space:nowrap;color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #b6f4c80c}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:1.8px;color:var(--mint);display:block}.home-hero{max-width:1440px;margin:auto;padding:90px 6% 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;position:relative}.hero-copy h1{font-size:clamp(48px,5.3vw,78px);line-height:1.04;letter-spacing:-4px;font-weight:550;margin:27px 0 28px}.hero-copy h1 em{font-style:normal;color:var(--mint)}.hero-copy>p{color:var(--muted);font-size:17px;max-width:465px;line-height:1.8;margin-bottom:32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:13px 22px;min-height:51px;border:1px solid var(--line);color:var(--text);background:transparent;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#ffffff09;transform:translateY(-1px)}.button.primary{background:var(--mint);border-color:var(--mint);color:#14241c}.button.primary:hover{background:#d0fbdc}.button.danger{border-color:#ffb1a855;color:var(--danger)}.button.small{min-height:40px;padding:8px 14px;font-size:13px}.button.full{width:100%;gap:10px}.hero-note{display:flex;gap:9px;align-items:center;font:11px var(--mono);color:var(--muted);margin-top:27px}.hero-note span{color:var(--mint)}.experiment{align-self:center;position:relative;border:1px solid var(--line);background:var(--deep);padding:0 27px 24px;min-height:420px;box-shadow:18px 18px 0 #ffffff03}.experiment:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#40504a 1px,transparent 1px);background-size:18px 18px;opacity:.16}.window-bar{position:relative;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);height:49px;margin:0 -27px 25px;padding:0 20px}.window-bar>i{height:6px;width:6px;border-radius:50%;background:#4b5b60}.window-bar>span{margin:auto;font:10px var(--mono);color:var(--muted);letter-spacing:1px}.window-bar>b{font:9px var(--mono);color:var(--mint);border:1px solid #b6f4c82b;padding:2px 5px}.pipeline{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;margin:34px 0 28px}.pipeline:before{content:"";position:absolute;height:1px;top:28px;left:15%;right:15%;background:var(--line)}.pipeline-step{text-align:center;position:relative}.pipeline-symbol{display:flex;width:58px;height:58px;margin:0 auto 11px;align-items:center;justify-content:center;background:var(--deep);border:1px solid var(--line);font:21px var(--mono);color:var(--muted)}.pipeline-step.current .pipeline-symbol{border-color:var(--mint);color:var(--mint);background:#162b23;box-shadow:0 0 0 5px #b6f4c809}.pipeline-step>span{font:9px var(--mono);color:var(--muted);letter-spacing:.8px}.experiment-result{position:relative;margin-top:33px;padding:18px 20px;background:#b6f4c807;border:1px solid #b6f4c82b;display:flex;gap:14px;align-items:center}.check-symbol{font:23px var(--mono);color:var(--mint)}.experiment-result strong{font-size:14px;font-weight:500;display:block}.experiment-result small{font:10px var(--mono);color:var(--muted)}.terminal-log{position:relative;margin:20px 0 0;font:10px/2 var(--mono);color:#98a9ae}.terminal-log span{color:var(--mint)}.experiment-caption{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:var(--muted);margin-top:22px}.testing-strip{max-width:1268px;margin:0 auto;display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.testing-strip .eyebrow{color:var(--orange);min-width:135px}.testing-strip p{margin:0;color:var(--muted);font-size:13px}.testing-strip a{margin-left:auto;font-size:13px;color:var(--mint);white-space:nowrap}.capabilities{max-width:1440px;padding:70px 6% 75px;margin:auto;display:grid;grid-template-columns:.8fr 1.5fr;gap:10%}.capabilities h2{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-1.2px;margin:18px 0}.capabilities-intro p{font-size:14px;color:var(--muted);max-width:290px}.capability{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr 20px;gap:15px}.capability:last-child{margin:0}.capability>.number{font:11px var(--mono);padding-top:6px;color:var(--mint)}.capability h3{font-size:18px;font-weight:500;margin:0 0 6px}.capability p{font-size:13px;color:var(--muted);margin:0}.capability>.arrow{color:var(--mint)}.site-footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:25px 6%;display:flex;align-items:center;gap:30px;font-size:11px;color:var(--muted)}.footer-name{font:10px var(--mono);color:var(--text);letter-spacing:1px;white-space:nowrap}.footer-name span{color:var(--muted);padding-left:7px}.site-footer p{margin:0}.site-footer>div{margin-left:auto;display:flex;gap:23px;align-items:center}.site-footer a:hover,.text-button:hover{color:var(--mint)}.text-button{border:0;padding:0;background:none;font:inherit;color:inherit;text-align:left}.auth-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:65px 40px 75px;min-height:calc(100vh - 181px)}.auth-aside{padding-top:45px}.auth-aside h1{font-size:clamp(36px,4vw,56px);line-height:1.1;letter-spacing:-2px;font-weight:500;max-width:430px;margin:22px 0}.auth-aside h1 em{font-style:normal;color:var(--mint)}.auth-aside>p{font-size:15px;color:var(--muted);max-width:365px;line-height:1.9}.auth-aside .pipeline{max-width:330px;margin:43px 0}.auth-aside .pipeline-symbol{background:var(--bg)}.aside-note{border-left:2px solid var(--orange);padding:0 0 0 16px;max-width:340px;margin-top:35px;font-size:12px;color:var(--muted)}.aside-note strong{display:block;color:var(--orange);font-size:11px;letter-spacing:.5px;margin-bottom:3px}.auth-panel{align-self:start;background:var(--panel);border:1px solid var(--line);padding:33px 35px}.panel-kicker{font:10px var(--mono);color:var(--muted);letter-spacing:1px;margin-bottom:19px;display:flex;align-items:center;gap:9px}.auth-panel h2{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:0 0 9px;font-weight:550}.panel-description{margin:0 0 25px;font-size:13px;color:var(--muted)}.field{margin-bottom:18px}.field>label,.field-label{display:block;font-size:12px;font-weight:600;letter-spacing:.1px;margin-bottom:7px}.field input{display:block;width:100%;min-height:46px;border:1px solid #41515b;border-radius:0;background:var(--deep);color:var(--text);padding:10px 12px;font-size:14px;transition:border-color .2s;color-scheme:dark}.field input:hover{border-color:#778a92}.field input:focus{outline:1px solid var(--mint);outline-offset:0;border-color:var(--mint)}.field input::placeholder{color:#81969e}.field-hint{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:11px;background:none;border:0;padding:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--muted);margin:16px 0 20px;line-height:1.6}.checkbox-label input{accent-color:var(--mint);margin:4px 0 0;width:14px;height:14px;flex-shrink:0}.checkbox-label a,.inline-link{color:var(--mint)}.inline-link:hover,.checkbox-label a:hover{text-decoration:underline}.form-links{display:flex;justify-content:flex-end;font-size:12px;margin:-4px 0 21px}.auth-bottom{border-top:1px solid var(--line);padding-top:19px;margin:23px 0 0;font-size:12px;color:var(--muted);text-align:center}.auth-bottom a{color:var(--mint);margin-left:3px}.auth-footnote{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin:15px 0 0}.form-status{font-size:12px;line-height:1.65;padding:10px 12px;margin:0 0 18px;border:1px solid #ffb1a84d;background:#ffb1a808;color:var(--danger);overflow-wrap:anywhere}.form-status:empty{display:none}.form-status.success{border-color:#b6f4c850;color:var(--mint);background:#b6f4c805}.captcha-shell{min-height:81px;margin:20px 0}.captcha-shell .field-hint{line-height:1.7}.captcha-state{font-size:11px;color:var(--muted);margin:6px 0}.reset-link{display:block;color:var(--mint);font:12px/1.8 var(--mono);overflow-wrap:anywhere;margin:8px 0}.initial-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font:13px var(--mono)}.dashboard{max-width:1180px;margin:auto;padding:65px 40px 85px;min-height:calc(100vh - 181px)}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.dashboard-heading h1{font-size:42px;line-height:1.2;letter-spacing:-1.5px;font-weight:500;margin:17px 0 10px}.dashboard-heading p{color:var(--muted);font-size:14px;margin:0}.session-badge{font:10px var(--mono);display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.account-panel,.checklist-panel{border:1px solid var(--line);padding:28px 30px;background:var(--panel)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.section-top h2{font-size:19px;font-weight:500;margin:0}.section-top>span{font:10px var(--mono);color:var(--mint)}.account-avatar{height:54px;width:54px;background:var(--mint);color:var(--deep);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;margin:0 0 20px}.account-detail{padding:13px 0;border-bottom:1px solid var(--line)}.account-detail dt{font:9px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:3px}.account-detail dd{margin:0;font-size:14px;overflow-wrap:anywhere}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.checklist{list-style:none;padding:0;margin:0;counter-reset:item}.checklist li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.checklist li:before{counter-increment:item;content:"0" counter(item);color:var(--mint);font:10px var(--mono);padding-top:4px}.checklist li strong{display:block;color:var(--text);font-weight:500}.checklist-panel>.button{margin-top:25px}.dashboard-note{margin-top:25px;color:var(--muted);font-size:12px}.legal{max-width:830px;min-height:70vh;margin:auto;padding:65px 35px 85px}.legal h1{font-size:45px;line-height:1.2;letter-spacing:-2px;font-weight:500;margin:22px 0 30px}.legal h2{font-size:20px;margin:30px 0 10px;font-weight:550}.legal p,.legal li{color:var(--muted);font-size:14px}.legal a{color:var(--mint)}dialog{background:var(--panel);color:var(--text);border:1px solid #52636b;max-width:490px;width:calc(100% - 32px);padding:28px 30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#050c12c9;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.icon-button{border:0;background:none;color:var(--muted);font-size:25px;line-height:1;padding:2px 5px}dialog h2{font-size:27px;font-weight:500;letter-spacing:-.7px;line-height:1.2}dialog p,.help-steps{font-size:13px;color:var(--muted)}.help-steps{padding-left:18px}.help-steps li{margin:9px 0}.small-note{font-size:11px!important;line-height:1.8}.delete-disclosure{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.delete-disclosure summary{cursor:pointer;color:var(--danger);font-size:12px}.delete-disclosure p{font-size:12px;color:var(--muted)}.delete-disclosure .field{margin-bottom:13px}code{font-family:var(--mono);font-size:.9em;color:var(--mint)}.reveal{animation:appear .55s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.testing-strip{max-width:1268px}}@media(max-width:1200px){.site-header{gap:25px;padding:0 5%}.sandbox-label{display:none}.home-hero{gap:5%;padding:75px 5% 65px}.hero-copy h1{font-size:64px}.testing-strip{margin:0 5%}.auth-layout{gap:65px;padding:55px 5% 65px}.auth-panel{padding:28px}.site-footer{padding-left:5%;padding-right:5%}.capabilities{padding-left:5%;padding-right:5%}}@media(max-width:900px){.home-hero{padding-top:60px;gap:35px}.hero-copy h1{font-size:53px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.experiment{padding:0 18px 20px;min-height:400px}.window-bar{margin:0 -18px 20px;padding:0 13px}.window-bar>span{font-size:8px}.pipeline-step>span{font-size:8px}.pipeline-symbol{width:49px;height:49px}.pipeline:before{top:24px}.experiment-result{padding:15px 13px;gap:10px}.experiment-result strong{font-size:12px}.experiment-result small{font-size:9px}.terminal-log{font-size:9px}.auth-layout{gap:35px}.auth-aside h1{font-size:41px}.auth-aside>p{font-size:14px}.auth-panel{padding:27px 24px}.field-row{grid-template-columns:1fr;gap:0}.dashboard-grid{gap:20px}.account-panel,.checklist-panel{padding:25px}.testing-strip{gap:20px;align-items:start}.testing-strip a{display:none}.site-footer{gap:20px}.site-footer p{display:none}}@media(max-width:700px){.site-header{height:85px;padding:0 6%;gap:20px}.brand{font-size:24px;gap:13px}.brand-lab{font-size:18px}.brand-mark{height:21px;width:21px}.brand-mark:after{height:15px;width:15px;left:6px;top:6px}nav{gap:16px;font-size:12px}nav a[data-nav="/"]{display:none}nav a[data-nav="/register"]{display:none}.nav-login{padding:7px 12px}.nav-login span{margin-left:8px}.home-hero{display:block;padding:49px 6% 43px}.hero-copy h1{font-size:58px;letter-spacing:-3px;margin-top:23px}.hero-copy>p{max-width:440px}.hero-actions{gap:10px}.button{padding:12px 19px;font-size:13px;gap:20px}.hero-note{font-size:10px}.experiment{margin-top:47px;max-width:490px;min-height:385px;padding:0 23px 22px;box-shadow:9px 9px 0 #ffffff03}.window-bar{margin:0 -23px 20px;padding:0 18px}.window-bar>span{font-size:9px}.pipeline-step>span{font-size:9px}.pipeline-symbol{width:55px;height:55px}.pipeline:before{top:27px}.experiment-result strong{font-size:14px}.experiment-result small{font-size:10px}.terminal-log{font-size:10px}.testing-strip{margin:0 6%;display:block;padding:23px 0}.testing-strip p{font-size:12px;margin-top:10px}.capabilities{display:block;padding:46px 6%}.capabilities h2{font-size:31px}.capabilities-intro p{max-width:400px;margin-bottom:31px}.site-footer{padding:23px 6%;display:block}.site-footer>div{gap:25px;margin-top:16px;font-size:11px}.auth-layout{display:block;padding:35px 6% 50px;min-height:calc(100vh - 198px)}.auth-aside{padding:0 0 24px}.auth-aside h1{font-size:34px;letter-spacing:-1.3px;margin:13px 0 10px;max-width:none}.auth-aside>p{font-size:13px;line-height:1.7;max-width:none;margin:0}.auth-aside .pipeline,.auth-aside .aside-note{display:none}.auth-panel{padding:27px 23px;max-width:480px;margin:auto}.auth-aside>.eyebrow{font-size:9px}.auth-panel h2{font-size:27px}.auth-panel .field-row{grid-template-columns:1fr 1fr;gap:12px}.captcha-shell{margin-left:-8px;margin-right:-8px;min-width:0}.auth-bottom{font-size:11px}.dashboard{padding:40px 6% 50px}.dashboard-heading{display:block;margin-bottom:28px}.dashboard-heading h1{font-size:33px;letter-spacing:-1px;overflow-wrap:anywhere}.session-badge{display:inline-flex;margin-top:20px}.dashboard-grid{display:block}.checklist-panel{margin-top:20px}.legal{padding:40px 6% 55px}.legal h1{font-size:35px;letter-spacing:-1px}.legal p,.legal li{font-size:13px}dialog{padding:23px}.field-hint{font-size:10px}}@media(max-width:370px){.hero-copy h1{font-size:49px}.hero-actions .button{width:100%}.brand-lab{display:none}.auth-panel{padding:24px 17px}.auth-panel .field-row{display:block}.captcha-shell{margin-left:-11px;transform:scale(.9);transform-origin:left top;margin-bottom:5px;width:111%}.site-header{padding:0 6%}.experiment{padding-left:16px;padding-right:16px}.window-bar{margin-left:-16px;margin-right:-16px}.experiment-result small{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1200px){.site-header{position:relative}.sandbox-label{display:flex;position:absolute;left:5%;bottom:7px;font-size:9px;letter-spacing:.8px}}@media(max-width:700px){.sandbox-label{left:6%;bottom:4px;font-size:8px;gap:7px}.sandbox-label .status-dot{height:5px;width:5px;box-shadow:none}}

/* Authentication routes use a focused, independent Trusio identity. */
body.auth-screen {
  --text: #f4f3f8;
  --muted: #aaaab9;
  --mint: #b5adff;
  --line: #40414c;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: radial-gradient(ellipse at 13% 8%, #6545b572 0, transparent 42%), radial-gradient(ellipse at 93% 77%, #25479e94 0, transparent 42%), linear-gradient(135deg, #2b2350 0%, #191e3d 48%, #1b2a56 100%);
  color: var(--text);
}
.auth-screen::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(#d9d4ff 1px, transparent 1px);
  background-size: 63px 63px;
  opacity: .12;
}
.auth-screen::after {
  content: "";
  position: fixed;
  width: 44vw;
  height: 44vw;
  border: 1px solid #c6bfff12;
  border-radius: 18%;
  top: 27vh;
  right: -21vw;
  transform: rotate(28deg);
  pointer-events: none;
  box-shadow: 0 0 0 55px #c6bfff04, 0 0 0 115px #c6bfff03;
}
.auth-screen .site-header {
  position: relative;
  flex: 0 0 auto;
  height: 88px;
  width: 100%;
  max-width: none;
  border: 0;
  padding: 22px 34px;
  gap: 21px;
  z-index: 1;
}
.auth-screen .brand {font-size: 26px; gap: 15px; letter-spacing: -.9px;}
.auth-screen .brand-lab {font-size: 20px; color: #c5c0dc;}
.auth-screen .brand-mark {border-color: #e6e2ff; width: 22px; height: 22px;}
.auth-screen .brand-mark::after {background: #3d306b; border-color: #e6e2ff; width: 16px; height: 16px;}
.auth-screen .sandbox-label {
  position: static;
  display: flex;
  padding: 5px 8px;
  border: 1px solid #d5cdff36;
  border-radius: 4px;
  font-family: var(--font);
  font-size: 9px;
  letter-spacing: .65px;
  color: #e0dcf1;
  gap: 7px;
  line-height: 1.2;
}
.auth-screen .status-dot {background: #c1b7ff; box-shadow: none; width: 5px; height: 5px;}
.auth-screen .site-header nav, .auth-screen .site-footer {display: none;}
.auth-screen #main {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 22px 24px 32px;
  z-index: 1;
}
.auth-screen .auth-layout {
  display: block;
  width: 100%;
  max-width: 480px;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.auth-screen .registration-layout {max-width: 420px;}
.auth-screen .auth-panel {
  width: 100%;
  max-width: none;
  background: #282a32;
  border: 1px solid #ffffff0c;
  border-radius: 11px;
  box-shadow: 0 18px 70px #080b256b, 0 2px 8px #0002;
  padding: 33px 34px 29px;
  margin: 0;
}
.auth-screen .auth-panel h2 {
  text-align: center;
  font-size: 27px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.65px;
  margin: 0 0 7px;
}
.auth-screen .panel-description {text-align: center; font-size: 14px; color: #b5b5c3; margin: 0 0 27px; line-height: 1.5;}
.auth-screen .field {margin-bottom: 19px;}
.auth-screen .field>label, .auth-screen .dob-field legend {
  color: #dedee8;
  font-family: var(--font);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .15px;
  line-height: 1.4;
  margin-bottom: 7px;
}
.auth-screen .field>label::after {content: " *"; color: #f49eaa;}
.auth-screen .field input, .auth-screen .dob-selects select {
  min-height: 44px;
  width: 100%;
  background: #1c1e25;
  color: #f1eff8;
  border: 1px solid #16181e;
  border-radius: 5px;
  font-family: var(--font);
  font-size: 14px;
  padding: 10px 12px;
  color-scheme: dark;
  transition: border-color .15s, box-shadow .15s;
}
.auth-screen .field input::placeholder {color: #81818f;}
.auth-screen .field input:hover, .auth-screen .dob-selects select:hover {border-color: #5b5678;}
.auth-screen .field input:focus, .auth-screen .dob-selects select:focus {
  outline: none;
  border-color: #9d8dff;
  box-shadow: 0 0 0 2px #8f7eff26;
}
.auth-screen .field-hint {font-size: 10px; color: #aaaab9; margin-top: 5px; line-height: 1.45;}
.auth-screen .password-wrap input {padding-right: 47px;}
.auth-screen .password-toggle {display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; right: 5px; padding: 6px; color: #b4b2c4; border-radius: 4px;}
.auth-screen .password-toggle:hover {color: #eee9ff; background: #ffffff09;}
.auth-screen .form-links {justify-content: flex-start; margin: -10px 0 22px; font-size: 12px;}
.auth-screen .inline-link, .auth-screen .auth-bottom a, .auth-screen .checkbox-label a {color: #c0b5ff;}
.auth-screen .button.primary {
  background: #6d5ce8;
  border-color: #6d5ce8;
  border-radius: 5px;
  color: #fff;
  min-height: 45px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
}
.auth-screen .button.primary:hover {background: #7c6aef; border-color: #7c6aef; transform: none;}
.auth-screen .button.primary:active {background: #604fd1;}
.auth-screen .button.primary:disabled {opacity: .65;}
.auth-screen .auth-bottom {text-align: left; border: 0; margin: 17px 0 0; padding: 0; font-size: 12px; color: #aaaab9;}
.auth-screen .auth-bottom a {margin-left: 4px;}
.auth-screen .auth-footnote {font-size: 10px; color: #9797a9; text-align: center; margin: 23px 0 0; line-height: 1.7;}
.auth-screen .form-status {border-radius: 5px; font-size: 12px; padding: 10px 12px; margin-bottom: 18px;}
.auth-screen .form-status.success {color: #c0e9d1; border-color: #9ccdbb60;}
.auth-screen .dob-field {border: 0; padding: 0; margin: 0 0 17px; min-width: 0;}
.auth-screen .dob-field legend {padding: 0; margin-bottom: 7px;}
.auth-screen .dob-field legend span {color: #f49eaa;}
.auth-screen .dob-selects {display: grid; grid-template-columns: 1.3fr .8fr 1fr; gap: 9px;}
.auth-screen .dob-selects select {padding: 9px 7px; min-width: 0; font-size: 12px;}
.auth-screen .checkbox-label {font-size: 11px; line-height: 1.65; gap: 9px; margin: 16px 0; color: #b9b8c5;}
.auth-screen .checkbox-label input {accent-color: #8c7aef;}
.auth-screen .captcha-shell {margin: 17px 0 18px; transform: none; width: auto; min-height: 0;}
.auth-screen #hcaptcha-widget {display: flex; justify-content: center;}
.auth-screen .captcha-state {font-family: var(--font); color: #aaaab9; text-align: center; font-size: 10px; margin: 5px 0 0; line-height: 1.5;}
.auth-screen .reset-link {font-family: var(--font); color: #c0b5ff; font-size: 13px; margin-top: 16px;}
.auth-screen .registration-layout .auth-panel {padding: 29px 28px 26px;}
.auth-screen .registration-layout .panel-description {margin-bottom: 23px; font-size: 13px;}
.auth-screen .registration-layout .field {margin-bottom: 16px;}
.auth-screen a:focus-visible, .auth-screen button:focus-visible {outline-color: #c0b5ff;}
@media(max-width: 600px) {
  .auth-screen .site-header {height: 83px; padding: 21px 23px; gap: 16px;}
  .auth-screen .brand {font-size: 24px; gap: 13px;}
  .auth-screen .brand-lab {font-size: 18px;}
  .auth-screen .sandbox-label {font-size: 8px; letter-spacing: .4px; padding: 5px 6px; gap: 6px;}
  .auth-screen #main {padding: 18px 18px 45px;}
  .auth-screen .auth-panel {padding: 29px 25px 25px;}
  .auth-screen .auth-panel h2 {font-size: 25px;}
  .auth-screen .panel-description {font-size: 13px;}
  .auth-screen .registration-layout .auth-panel {padding: 27px 22px 24px;}
  .auth-screen::after {width: 90vw; height: 90vw; right: -62vw; top: 43vh;}
}
@media(max-width: 370px) {
  .auth-screen .site-header {padding-left: 20px; padding-right: 20px; gap: 14px;}
  .auth-screen .brand-lab {display: none;}
  .auth-screen #main {padding: 10px 12px 32px;}
  .auth-screen .auth-panel, .auth-screen .registration-layout .auth-panel {padding: 25px 20px;}
  .auth-screen .auth-panel h2 {font-size: 23px;}
  .auth-screen .dob-selects {gap: 6px;}
  .auth-screen .dob-selects select {padding-left: 5px; padding-right: 2px; font-size: 11px;}
}