:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef3ff;background:#080e1c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 55%,#16364255,transparent 50%),radial-gradient(ellipse at 90% 10%,#29214c55,transparent 45%)}.brand,main,footer{max-width:1200px;margin:auto}.brand{display:flex;align-items:center;gap:13px;padding:34px 32px;font-size:19px;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;background:#66dddf;color:#10222d;font-size:27px;font-weight:800;border-radius:13px;box-shadow:0 0 30px #61dbe314}.brand b{font-weight:650}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2.4px;color:#a3b3ca;margin-top:5px}.private-label{margin-left:auto;border:1px solid #314052;border-radius:99px;padding:9px 13px;color:#bdc9dc;font-size:10px;letter-spacing:1.5px}main{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding:44px 32px 55px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#a8bbd3}.eyebrow>span,.owner-badge i{display:inline-block;background:#72d5bb;border-radius:50%;width:6px;height:6px;margin-right:7px}h1{font-size:clamp(40px,4.4vw,59px);line-height:1.12;letter-spacing:-2.8px;font-weight:650;margin:24px 0 20px}h1 em{font-style:normal;color:#7fe2df}.intro-copy{max-width:360px;color:#acbed4;font-size:15px;line-height:1.8;margin:0}.office-art{position:relative;width:340px;height:210px;margin:25px 0 8px;perspective:600px}.orbit{position:absolute;inset:14px 5px 10px;background:radial-gradient(ellipse,#66ddd920,transparent 65%);border:1px solid #63ccdb1c;border-radius:50%;transform:rotate(-17deg)}.room{position:absolute;width:134px;height:83px;background:linear-gradient(140deg,#1d354c,#102439);border:1px solid #557992;box-shadow:6px 9px 0 #0e1b2b,7px 10px 0 #314d63;border-radius:7px;transform:rotate(-13deg) skew(12deg);padding:10px 12px}.room span{font-size:9px;color:#79dfe2}.room b{display:block;font-size:7px;letter-spacing:1px;color:#adcee0;margin:3px 0 10px}.room i{display:inline-block;width:28px;height:13px;border:1px solid #86d9df;background:#65cad221;border-radius:2px;margin-right:8px;box-shadow:2px 3px 0 #122030}.room-a{left:13px;top:26px}.room-b{left:171px;top:0}.room-c{left:40px;top:119px}.room-d{left:198px;top:93px;border-color:#8a81b5}.room-d i{border-color:#b7a3f7;background:#a78af021}.art-note{position:absolute;bottom:0;left:0;font-size:8px;letter-spacing:1.9px;color:#9cb7c9}.art-note span{margin-left:15px;color:#76c7cd}.intro-foot{font-size:11px;color:#829bb4;margin-top:19px}.login-card{border:1px solid #33415a;border-radius:24px;background:linear-gradient(145deg,#192337ee,#101928f5);padding:32px;box-shadow:0 24px 80px #0003;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#7bdedc,transparent)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.lock-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #56808c66;background:#55bdce14;border-radius:13px;color:#81e1e0}.lock-icon svg{width:23px;height:23px}.owner-badge{font-size:9px;letter-spacing:1.2px;color:#b9c9db}.owner-badge i{width:5px;height:5px}.login-card .eyebrow{font-size:9px;letter-spacing:1.7px;color:#a0b8d4}h2{font-size:26px;line-height:1.3;letter-spacing:-.8px;margin:12px 0}.card-description{color:#acbdd3;font-size:13px;line-height:1.7;margin:0 0 28px}label{display:block;font-size:12px;font-weight:600;margin:19px 0 9px}input{display:block;width:100%;height:48px;padding:0 14px;border:1px solid #42516b;border-radius:10px;background:#0c1423;color:#f0f5ff;font:inherit;font-size:14px;outline:none}input::placeholder{color:#8394ab}input:focus{border-color:#7fe2df;box-shadow:0 0 0 3px #7fe2df20}button{font:inherit;cursor:pointer}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:2px;top:2px;min-width:56px;height:44px;background:transparent;border:0;border-radius:8px;color:#bad0df;font-size:12px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;margin-top:25px;padding:0 17px;border:1px solid #98f1ed;border-radius:10px;background:#81e0dc;color:#10272b;font-size:13px;font-weight:700;transition:background .15s}.submit:hover{background:#a0eeea}.submit span{font-size:20px;font-weight:400}.submit:disabled{opacity:.65;cursor:wait}button:focus-visible{outline:2px solid #ac9ef5;outline-offset:4px}.access-note{border-top:1px solid #304059;display:flex;gap:12px;align-items:center;margin-top:28px;padding-top:22px}.access-note svg{width:20px;height:24px;flex-shrink:0;color:#91ccca}.access-note p{font-size:11px;line-height:1.8;color:#c5d4e5;margin:0}.access-note span{color:#92a7c1}.help-note{font-size:10px;line-height:1.7;color:#9fb2cc;margin:18px 0 0}#login-message,.noscript-note{font-size:12px;line-height:1.6;color:#ffd5d8;background:#b84e631c;border:1px solid #b96b7b66;border-radius:9px;padding:11px;margin:17px 0 0}footer{display:flex;justify-content:space-between;padding:25px 32px;border-top:1px solid #27344a;font-size:9px;letter-spacing:1px;color:#8fa3bd}@media(max-width:850px){main{grid-template-columns:1fr 410px;gap:25px;padding-top:25px}h1{font-size:44px}.office-art{transform:scale(.85);transform-origin:left center;width:285px}.intro-foot{max-width:240px}}@media(max-width:900px){.brand{padding:22px;font-size:16px}.brand-icon{width:38px;height:38px}.private-label{font-size:8px;padding:8px}.brand small{font-size:8px;letter-spacing:1.6px}main{display:flex;flex-direction:column;gap:26px;padding:18px 20px 36px}.intro{width:100%;max-width:440px}.intro>.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:35px;letter-spacing:-1.7px;margin:17px 0 12px}h1 br:nth-of-type(2){display:none}.intro-copy{font-size:12px;line-height:1.7;max-width:310px}.office-art,.intro-foot{display:none}.login-card{width:100%;max-width:440px;padding:25px;border-radius:19px}.card-top{margin-bottom:24px}h2{font-size:24px}.card-description{margin-bottom:23px}footer{flex-wrap:wrap;gap:13px;padding:22px;font-size:8px}.help-note{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
