@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:where([hidden]){display:none!important}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef6fb;background:#031522;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0,#0d4560 0,transparent 34%),#031522}a{color:#43b9ff;text-decoration:none}a:hover{text-decoration:underline}header,footer{width:min(1160px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}header{height:76px;border-bottom:1px solid #18415a}header>a:last-child,footer{font-size:13px;color:#afc3d0}.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand b{font-size:24px}.brand i{height:22px;border-left:1px solid #6d8798}.brand span{color:#37b6ff;font-weight:600}.brand:hover{text-decoration:none}main{width:min(1160px,calc(100% - 48px));min-height:calc(100vh - 138px);margin:auto;display:grid;grid-template-columns:1fr 460px;align-items:center;gap:70px;padding:50px 0}aside{position:relative;min-height:560px;border-radius:20px;overflow:hidden;background:#042235;border:1px solid #145775}aside img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.72}aside:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,16,28,.95),rgba(2,16,28,.1) 82%),linear-gradient(90deg,rgba(2,16,28,.3),transparent)}aside div{position:absolute;z-index:1;left:32px;right:32px;bottom:32px}.eyebrow{color:#4cc3ff;font-size:11px;font-weight:700;letter-spacing:2px}aside h1{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:10px 0}aside p{color:#d5e4ed;max-width:420px;line-height:1.6}.card{padding:32px;background:linear-gradient(150deg,#0a293b,#071b2a);border:1px solid #194b65;border-radius:16px;box-shadow:0 22px 70px #0003}h2{font-size:28px;letter-spacing:-.8px;margin:5px 0 8px}.muted{color:#a8bdca;font-size:13px;line-height:1.55;margin:0 0 20px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.role-picker button{padding:13px 12px;text-align:left;background:#061b29;border:1px solid #21475c;border-radius:9px;color:#dce8ef;cursor:pointer}.role-picker button.selected{border-color:#29aaff;background:#0a3047}.role-picker strong,.role-picker small{display:block}.role-picker strong{font-size:12px;margin-bottom:5px}.role-picker small{font-size:10px;line-height:1.4;color:#a6bac8}form{display:grid;gap:12px}form>label{display:grid;gap:6px;color:#d6e3eb;font-size:12px;font-weight:550}input,select{width:100%;height:42px;padding:0 12px;background:#041724;color:#eef6fb;border:1px solid #25495d;border-radius:7px;font:inherit;font-size:13px;outline:none}input:focus,select:focus{border-color:#35b6ff;box-shadow:0 0 0 3px #159bff20}small{font-size:10px;color:#8ea7b5;font-weight:400}.check{display:flex;align-items:center;gap:8px;color:#b7c8d2;font-size:11px;font-weight:400}.check input{width:16px;height:16px;accent-color:#159bff}.check a{display:inline}.primary{height:45px;border:0;border-radius:8px;background:linear-gradient(110deg,#159bff,#0876f9);color:white;font:600 14px Inter,sans-serif;cursor:pointer;box-shadow:0 7px 22px #007fff30}.primary span{margin-left:7px}.primary:hover{filter:brightness(1.1)}.line{display:flex;justify-content:space-between;align-items:center;font-size:11px}.status{color:#b9cbd6;font-size:12px;line-height:1.5;min-height:14px}.switch{text-align:center;color:#a8bdca;font-size:12px;margin:15px 0 0}.auth-view[hidden]{display:none}footer{height:62px;border-top:1px solid #17384c}@media(max-width:900px){main{grid-template-columns:1fr 430px;gap:24px}aside{min-height:600px} .card{padding:25px}}@media(max-width:720px){header,footer,main{width:calc(100% - 32px)}header{height:64px}main{display:block;padding:28px 0 36px;min-height:0}aside{min-height:170px;margin-bottom:18px}aside img{object-position:center 40%}aside div{left:20px;bottom:15px}aside h1{font-size:24px;margin:4px 0}aside p{display:none}aside .eyebrow{margin:0}.card{padding:22px 18px}.role-picker{grid-template-columns:1fr 1fr}footer{height:auto;padding:16px 0;gap:12px;flex-wrap:wrap}}