:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#eef5fc;background:#05090f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 18% 17%,#17283c 0%,transparent 41%),radial-gradient(ellipse at 80% 79%,#161e2a 0%,transparent 42%),#05090f;overflow-x:hidden}.aurora{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 5%,#0e385426 48%,transparent 83%);background-size:300% 100%;animation:sky 22s linear infinite}@keyframes sky{0%{background-position:100% 0}100%{background-position:-100% 0}}.top{height:98px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;letter-spacing:.19em;font-weight:800;color:#fff;text-decoration:none}.brand span:not(.dot){font-size:12px;letter-spacing:.22em;font-weight:500;color:#91a5bc}.dot{color:#25b3de}.head-label,.kicker,.eyebrow,.pills,.separator,footer{letter-spacing:.18em;font-size:10px;color:#90a5b8}.layout{position:relative;max-width:1312px;margin:4.5vh auto 4vh;padding:16px 46px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:8%;align-items:center}.intro h1{font-weight:600;letter-spacing:-.055em;line-height:1.13;font-size:clamp(48px,5vw,78px);margin:25px 0 22px}.intro h1 em{font-style:normal;color:#a9bfd0}.intro p{max-width:510px;font-size:17px;line-height:1.8;color:#9aaabb}.pulse{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#26d9ae;box-shadow:0 0 17px #26d9ae;animation:blink 2.5s ease-in-out infinite}@keyframes blink{50%{opacity:.55;box-shadow:0 0 5px #26d9ae}}.pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.pills span{border:1px solid #2b3c4c;border-radius:40px;padding:10px 13px}.graphic{height:210px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:10px;opacity:.85}.halo{border:1px solid #36627b;border-radius:50%;height:205px;width:205px;display:grid;place-items:center;box-shadow:0 0 46px #1a709725,inset 0 0 60px #1a709725;animation:halo 6s ease-in-out infinite}.halo-inner{height:134px;width:134px;border-radius:50%;border:1px solid #26445c;background:radial-gradient(circle,#152536,#07111b);display:flex;align-items:center;justify-content:center;flex-direction:column}.halo-inner span{font-size:40px;font-weight:200;letter-spacing:-.05em}.halo-inner small{font-size:10px;letter-spacing:.3em;color:#63b6dc}@keyframes halo{50%{transform:scale(1.04);box-shadow:0 0 70px #1a709740}}.orbit{position:absolute;width:10px;height:10px;border-radius:50%;background:#2aa4c6;box-shadow:0 0 17px #2aa4c6}.orb1{left:27%;top:20%}.orb2{right:27%;bottom:30%;background:#d65855}.orb3{left:23%;bottom:32%;width:6px;height:6px}.login-panel{border:1px solid #314354;border-radius:18px;padding:45px 42px;background:linear-gradient(145deg,#101a27f2,#0b121cf7);box-shadow:0 30px 80px #0007,inset 0 1px #ffffff0c}.panel-head h2{font-size:31px;letter-spacing:-.04em;font-weight:600;margin:10px 0}.panel-head p{color:#92a5b7;font-size:14px;margin-bottom:30px}.login-form label{display:block;color:#c8d6e6;font-size:12px;margin:18px 0 9px}.login-form input{display:block;width:100%;height:48px;border-radius:9px;padding:0 16px;background:#09121d;color:#fff;border:1px solid #354558;font-size:15px;outline:none}.login-form input:focus{border-color:#55c0eb;box-shadow:0 0 0 3px #2699d51b}button{font-family:inherit;cursor:pointer;transition:filter .2s,transform .2s}button:hover{filter:brightness(1.15);transform:translateY(-1px)}.primary,.demo{width:100%;height:49px;border-radius:9px;font-size:14px;font-weight:700;margin-top:26px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.primary{background:#e7f2fb;color:#08111b;border:0}.demo{background:#172635;border:1px solid #476077;color:#e9f3fd;margin-top:0}.separator{text-align:center;position:relative;margin:28px 0 22px}.separator:before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:#283747}.separator span{position:relative;background:#0c1520;padding:0 16px}.demo-note{font-size:12px;color:#96acc0;line-height:1.6;text-align:center;margin:18px 0}.demo-note b{color:#e6f5ff}.panel-footer{border-top:1px solid #223445;padding-top:20px;margin-top:25px;font-size:12px;color:#849bad}.lock{color:#3edcc3;margin-right:5px}.error{color:#ff8d86;background:#562a2c50;border:1px solid #8c3d45;padding:11px;border-radius:8px}footer{position:relative;max-width:1312px;margin:35px auto;padding:0 46px 28px;display:flex;gap:25px;align-items:center}footer a{color:#bdd8ec;margin-left:auto;text-decoration:none}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:30px;margin:0 auto}.intro h1{font-size:46px}.graphic{display:none}.top{padding:0 30px}.head-label{display:none}}@media(max-width:520px){.layout{padding:15px 18px}.login-panel{padding:30px 22px}.intro h1{font-size:39px}.intro p{font-size:14px}.pills{margin:20px 0}.top{height:75px;padding:0 20px}.brand{font-size:17px}footer{padding:10px 20px;flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}