@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#edf5ff;--muted:#9aabc2;--line:#65c9fa28;--blue:#49d8f0;--aqua:#19dcee}
html{min-height:100%;background:#020916}body{min-height:100vh;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:radial-gradient(ellipse at 76% 26%,#0d3159 0%,transparent 55%),linear-gradient(130deg,#020916,#08182d 65%,#071e34);-webkit-font-smoothing:antialiased}
header{max-width:1420px;margin:auto;padding:24px 32px;min-height:96px;background:transparent;border-bottom:1px solid var(--line)}header a{color:#aebed2}header a:hover{color:#fff}.brand{gap:12px;letter-spacing:2px;color:white;font-family:'Space Grotesk',sans-serif}.brand img{width:46px;height:46px;border-radius:12px}.brand strong{font-size:21px}.brand small{display:block;font:700 8px Manrope,Arial,sans-serif;letter-spacing:4px;color:#81d7e8}.brandmark{display:block;width:46px;height:46px;border-radius:12px;overflow:hidden;background:#020b1b;flex-shrink:0}.brandmark img{width:91px;height:91px;max-width:none;transform:translate(-22px,-9px);border-radius:0}
main{padding:68px 32px;max-width:1240px}h1{letter-spacing:-1.8px;font-weight:800}h2{letter-spacing:-.5px}.eyebrow{color:#3ee4f3;letter-spacing:3px}.muted,small,footer{color:var(--muted)}.panel{background:linear-gradient(135deg,#10243bd9,#0a192edb);border:1px solid var(--line);box-shadow:0 24px 65px #0003,0 0 60px #0c98e508;border-radius:18px}.note,.notice{background:#103044a6;border:1px solid #2b99b948;border-left:3px solid #19dcee;color:#c6e7f3;border-radius:9px}.error{background:#47292f;color:#ffd4cd;border-color:#aa596b}.tag{color:#66e4ee;background:#1ad9ec13;border:1px solid #1ad9ec36;font-weight:700}
input,select,textarea{background:#07172b;color:#edf5ff;border:1px solid #7aa7cf45;border-radius:8px;padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#3ee4f3;box-shadow:0 0 0 3px #19dcee15}input:disabled,select:disabled,textarea:disabled{opacity:.6}button,.button{background:linear-gradient(110deg,#20deeb,#69baff);color:#041325;font-weight:800;box-shadow:0 8px 28px #16c4e51c;border-radius:7px}button:hover,.button:hover{filter:brightness(1.1)}button.light,.button.light{background:#18344d;color:#cce8fb;box-shadow:none}header button{border:1px solid #ffffff30;background:transparent;box-shadow:none;color:#ceddec;padding:9px 16px}.fieldrow,th,td{border-color:var(--line)}a{color:#65ddef}th{color:#afc3d9;font-size:12px}td{color:#edf5ff}.login-grid{gap:80px;min-height:490px}.login-grid h1{font-size:clamp(38px,4.5vw,62px);line-height:1.12}.login-grid .panel{padding:38px}.login-grid .muted{max-width:540px}.login-grid button{margin-top:8px}.identity{width:185px;height:142px;overflow:hidden;margin:0 0 24px;border-radius:18px;box-shadow:0 0 60px #087dc31a}.identity img{width:185px;height:185px;margin-top:-22px;display:block}.cards h2{margin-top:20px}.cards .panel{padding:32px}.cards .button{margin-top:12px}footer{border-top:1px solid var(--line);padding-top:24px;font-size:12px}::selection{background:#19dcee55;color:white}
@media(max-width:800px){header{padding:20px;min-height:80px}main{padding:35px 20px}.login-grid{min-height:0;gap:26px}.login-grid h1{font-size:38px}.login-grid .panel{padding:25px}.identity{width:135px;height:105px}.identity img{width:135px;height:135px;margin-top:-16px}.brand strong{font-size:17px}.brandmark{width:38px;height:38px}.brandmark img{width:76px;height:76px;transform:translate(-19px,-7px)}}

.brand{display:flex;align-items:center;text-decoration:none}header nav a{text-decoration:none}