*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020d18;color:#e5efff;font-family:Arial,sans-serif}body{min-height:100svh;display:grid;place-items:center}.stage{position:relative;width:min(100vw,150svh);aspect-ratio:3/2;container-type:inline-size}.reference{width:100%;height:100%;display:block}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:8px}.hotspot:hover{box-shadow:0 0 22px #00aeff60;background:#00aeff0a}.hotspot:focus-visible,input:focus-visible{outline:2px solid #00caff;outline-offset:3px}.language{left:58.8%;top:6.8%;width:13%;height:3.6%}.google{left:36.35%;top:39.45%;width:31.55%;height:6%}input.email,input.password{position:absolute;left:40.55%;width:24.3%;height:4.1%;padding:0 .2cqw;border:0;background:#02111f;color:#e3efff;font-size:1cqw;outline:none}input::placeholder{color:#a6b8d1}.email{top:51.3%}.password{top:57.5%}.eye{left:64.8%;top:57.3%;width:2.6%;height:4.4%}.remember{position:absolute;appearance:none;left:36.75%;top:63.9%;width:1.18%;height:1.8%;margin:0;background:#f5f8fc;border-radius:3px;cursor:pointer}.remember:checked{background:#00b5ff}.remember:checked:after{content:'✓';display:block;font-size:1cqw;color:white;text-align:center}.forgot{left:58.1%;top:63.3%;width:10.2%;height:3.2%}.enter{left:36.5%;top:67.8%;width:31.4%;height:5.9%}.create{left:54%;top:75.4%;width:6.4%;height:3.2%}.info{left:64.8%;top:81.5%;width:2%;height:4%}.preview{position:fixed;bottom:8px;right:10px;border:1px solid #175278;border-radius:30px;padding:7px 12px;background:#031423e8;color:#a4c3dd;font-size:11px;cursor:pointer}dialog{position:fixed;width:min(440px,90vw);padding:34px;border:1px solid #086da7;border-radius:20px;color:#dbeaff;background:linear-gradient(145deg,#08223d,#020d18);box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h1{font-size:25px;color:#00bdff}dialog p{font-size:16px;line-height:1.65}dialog .close{position:absolute;right:15px;top:12px;border:0;background:none;color:#afcfe9;font-size:28px;cursor:pointer}.badge{font-size:12px;letter-spacing:2px;color:#77a9d1}.primary{padding:13px 22px;border:1px solid #58bdff;border-radius:10px;color:white;background:linear-gradient(110deg,#2697ff,#0062ff);cursor:pointer;font-size:16px}dialog label{display:grid;gap:10px;margin-bottom:15px}dialog input{background:#06162a;border:1px solid #37739e;border-radius:8px;padding:12px;color:white;width:100%}[hidden]{display:none!important}@media(max-width:700px){body{overflow-x:hidden;align-items:start}.stage{width:100vw;height:166.67vw;min-height:0;aspect-ratio:auto;overflow:hidden;container-type:normal}.reference{position:absolute;width:auto;height:100%;left:50%;transform:translateX(-52.2%)}.hotspot,input.email,input.password,.remember{position:absolute}.language{left:76%;top:6.8%;width:20%}.google{left:10.4%;width:78.9%}input.email,input.password{left:20.9%;width:60.75%;font-size:14px;padding-left:8px}.eye{left:81.5%;width:6.5%}.remember{left:11.4%;width:12px;height:12px}.remember:checked:after{font-size:15px}.forgot{left:64.8%;width:25.5%}.enter{left:10.75%;width:78.5%}.create{left:54.5%;width:16%}.info{left:81.5%;width:5%}.preview{font-size:10px;bottom:4px}}@media(prefers-reduced-motion:no-preference){.hotspot,.primary{transition:box-shadow .2s,background .2s}.primary:hover{box-shadow:0 0 24px #168eff66}}
/* Text rendered by the browser for crisp lettering at any display scale. */
.left-copy{position:absolute;left:8.5%;top:13.7%;width:20.5%;height:45.8%;background:linear-gradient(135deg,#020f1e,#031a2e);padding:0 .3cqw}.left-copy article{height:20%;padding-top:.25cqw}.left-copy h2{margin:0 0 .3cqw;font-size:1.53cqw;line-height:1.2}.left-copy p{margin:0;font-size:1.14cqw;line-height:1.32;color:#d4e0f5}.locale{position:absolute;left:58.9%;top:6.8%;width:13%;height:3.7%;border:1px solid #205177;border-radius:12px;background:#041528;color:#fff;font-size:.94cqw}.login-content{position:absolute;left:33.95%;top:28%;width:36.45%;height:58.5%;padding:0 2.45cqw;background:linear-gradient(120deg,#02172c,#02111f);text-align:center}.login-content h1{font-size:2cqw;color:#00baff;margin:0 0 .7cqw;white-space:nowrap}.subtitle{margin:0 0 2.6cqw;font-size:1.43cqw;line-height:1.35;color:#c8d9f4}.google-button{width:100%;background:#fff;color:#0456ce;border:1px solid #8eceff;border-radius:10px;padding:1.1cqw;font-size:1.5cqw;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3cqw}.g{font-size:2cqw;color:#4285f4}.divider{display:flex;align-items:center;gap:1.2cqw;color:#a5b9d4;font-size:1.1cqw;margin:1.3cqw 0}.divider:before,.divider:after{content:'';height:1px;background:#476581;flex:1}.field{display:flex;align-items:center;gap:1cqw;border:1px solid #5594c0;border-radius:9px;background:#02111f;margin-bottom:1cqw;padding:.8cqw 1.2cqw;font-size:1.5cqw;color:#b7cbea}.field input{min-width:0;width:100%;border:0;background:transparent;color:white;font-size:1.15cqw;padding:0;outline:none}.field button,.form-options button,.signup button,.security-note button{border:0;background:transparent;color:#00c9ff;cursor:pointer;font-size:inherit}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:1.06cqw;margin:1.1cqw 0 1.4cqw}.form-options label{display:flex;gap:.65cqw;align-items:center;white-space:nowrap}.form-options input{width:1.25cqw;height:1.25cqw;margin:0;accent-color:#008fff}.login-content .enter{position:static;width:100%;font-size:1.5cqw;padding:1.1cqw}.enter span{margin-left:1cqw}.demo-link{display:block;margin:.9cqw auto 0;background:transparent;border:0;color:#6bcaff;font-size:1.12cqw;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.signup{font-size:1.08cqw;margin:1.1cqw 0 1.4cqw}.signup button{font-size:1.2cqw;font-weight:bold}.security-note{border-top:1px solid #41607b;padding-top:1.25cqw;color:#c3d3ee;font-size:1cqw;line-height:1.3}.right-copy{position:absolute;left:81.1%;top:5.3%;width:17%;height:10.7%;background:#03152b}.right-copy h2{margin:0 0 .6cqw;color:#6cb5ff;font-size:1.72cqw;white-space:nowrap}.right-copy p{margin:0;color:#d8e4fa;font-size:1.03cqw;line-height:1.3}.security-cards{position:absolute;left:81.7%;top:18.3%;width:16%;height:46.3%;background:linear-gradient(135deg,#031426,#041a2d)}.security-cards article{height:20%;padding:.45cqw 0 .3cqw}.security-cards h3{font-size:1.16cqw;margin:0 0 .5cqw;line-height:1.15}.security-cards p{font-size:1.02cqw;color:#b6cbe4;margin:0;line-height:1.3}.footer-copy{position:absolute;left:0;bottom:0;width:100%;height:9.7%;background:linear-gradient(90deg,#031322,#021223);display:flex;align-items:center;justify-content:space-evenly;font-size:1.07cqw;line-height:1.5}.footer-copy small{font-size:1.03cqw;color:#c9d8ee}.preview{display:none}
#dashboard{min-height:100svh;width:100%;display:grid;grid-template-columns:260px 1fr;background:radial-gradient(ellipse at top right,#082a48,#020d19 70%)}.nav{padding:35px 22px;border-right:1px solid #153953;display:flex;flex-direction:column;gap:14px}.wordmark{display:flex;gap:10px;align-items:center;color:#58c4ff;font-size:30px}.wordmark strong{font-size:19px;color:#ecf3ff}.nav p{font-size:13px;letter-spacing:2px;color:#749aba}.nav-item{font-size:17px;color:#b5cde5;background:transparent;text-align:left;border:1px solid transparent;border-radius:12px;padding:15px;cursor:pointer}.nav-item:hover,.nav-item.selected{color:#fff;background:#07417366;border-color:#125482}.nav .exit{margin-top:auto}.nav small{font-size:13px;color:#809bb5}.dash-main{padding:38px 4vw}.dash-main header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:2px;color:#5bbcf8}.dash-main h1{font-size:32px;margin:10px 0}.demo-badge{border:1px solid #28668e;border-radius:30px;padding:10px 16px;font-size:14px;color:#81c6ef}.notice{border:1px solid #194a69;border-radius:12px;background:#05243b;padding:18px;font-size:16px;line-height:1.5;color:#bed7ef;margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stats article,.panel{border:1px solid #174362;background:linear-gradient(140deg,#08233b,#031423);border-radius:18px;padding:27px}.stats span{color:#a9c6e0;font-size:17px}.stats strong{display:block;font-size:26px;margin:16px 0;color:#e8f5ff}.stats strong.status{color:#6dc5ff;font-size:23px}.stats small{color:#90acc4;font-size:14px}.dash-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.panel h2{font-size:24px;margin:0 0 18px}.panel p{font-size:17px;line-height:1.7;color:#b9cfe4}.secondary{border:1px solid #2984bc;color:#77ceff;background:#04233b;border-radius:10px;padding:13px 20px;font-size:16px;cursor:pointer}#transfer{max-width:650px}#transfer label{display:grid;gap:10px;font-size:17px;margin:22px 0}#transfer input:not([type=checkbox]){width:100%;background:#020f20;border:1px solid #315e7b;border-radius:10px;padding:15px;color:#e4f3ff;font-size:17px}#transfer .check{display:flex;align-items:center}#records article{padding:20px 0;border-bottom:1px solid #24455f}#records strong{font-size:18px}#records p{overflow-wrap:anywhere;margin:8px 0}#records small{color:#6abef1;font-size:15px}
@media(max-width:700px){.left-copy,.right-copy,.security-cards,.footer-copy{display:none}.login-content{left:4.4%;width:91.1%;padding:0 6.125vw;top:28%;height:61%;background:linear-gradient(120deg,#02172c,#02111f)}.login-content h1{font-size:5vw}.subtitle{font-size:3.575vw;margin-bottom:6.5vw}.google-button{padding:2.75vw;font-size:3.75vw;gap:7.5vw}.g{font-size:5vw}.divider{font-size:2.75vw;gap:3vw;margin:3.25vw 0}.field{padding:2vw 3vw;font-size:3.75vw;gap:2.5vw;margin-bottom:2.5vw}.field input{font-size:3.4vw}.form-options{font-size:2.65vw;margin:2.75vw 0 3.5vw}.form-options input{width:3.125vw;height:3.125vw}.login-content .enter{font-size:3.75vw;padding:2.75vw}.demo-link{font-size:3vw;margin:2.25vw auto 0}.signup{font-size:2.7vw;margin:2.75vw 0 3.5vw}.signup button{font-size:3vw}.security-note{font-size:2.5vw;padding-top:3.125vw}.locale{left:64%;width:30%;font-size:2.5vw}#dashboard{grid-template-columns:1fr}.nav{padding:18px;border-right:0;border-bottom:1px solid #153953;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.nav .wordmark{width:100%}.nav p,.nav small{display:none}.nav-item{font-size:14px;padding:10px}.nav .exit{margin:0}.dash-main{padding:24px 18px}.stats,.dash-grid{grid-template-columns:1fr}.dash-main header{align-items:flex-start}.dash-main h1{font-size:27px}.demo-badge{font-size:11px;padding:8px;white-space:nowrap}}