:root{--navy:#07172c;--blue:#1457cd;--text:#11283f;--muted:#52667d;--line:#cbddea;--bg:#edf4fa;--note:#e7f6ff}
*{box-sizing:border-box}
body{color:#11283f;background:radial-gradient(ellipse at 90% 0%,#d2edfc,transparent 55%),#edf4fa}
header{background:linear-gradient(120deg,#061327,#103758);border-bottom:1px solid #317da1}
.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;color:#11283f}
header .brand{color:#f4faff}.brand img{object-fit:contain;filter:drop-shadow(0 0 10px #008aff33)}
main{margin:56px auto}.card{border:1px solid #c3d9e9;border-radius:24px;box-shadow:0 20px 65px #13375912}
h1{letter-spacing:-.04em}h2{color:#123d67}.card a{overflow-wrap:anywhere}
.brand-legal footer{padding:28px 20px 40px}.brand-legal footer a{color:#174da3;display:inline-block}
.brand-auth{background:radial-gradient(ellipse at 90% 10%,#144974,transparent 65%),#061327;padding:24px 16px}
.brand-auth .card{width:min(480px,100%);padding:32px;border:1px solid #85b9d5;background:#f8fcff;box-shadow:0 25px 80px #0005}
.brand-auth .brand{margin-bottom:24px;font-size:24px}
.brand-auth h1,.brand-auth h2{font-size:28px;line-height:1.2;color:#11283f}
.brand-auth input{background:white;min-height:48px;border:1px solid #91abc2}
.brand-auth button,.brand-auth .btn{background:#1457cd;color:#fff;min-height:46px;border:0;border-radius:10px}
.brand-auth button:hover,.brand-auth .btn:hover{background:#103f99}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0184ac;outline-offset:4px}
@media(max-width:520px){.brand-auth .card{padding:24px}.brand-legal main{width:calc(100% - 28px);margin:28px auto}.brand-legal nav{width:calc(100% - 28px);align-items:center}.brand-legal .brand{font-size:18px}.brand-legal .back{font-size:13px}.card{border-radius:18px}}