*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f0f5fb,#fafcfe);color:#18344c;font:14px/1.5 'Segoe UI',Arial,sans-serif;min-height:100vh}header{height:62px;display:flex;gap:23px;align-items:center;background:#192c3b;color:white;padding:0 28px}header b{font-size:28px;letter-spacing:-1px}header b span{font-weight:300;color:#a9bed0}header small{font-size:11px;color:#abc1d2}main{width:min(420px,calc(100vw - 30px));margin:55px auto;padding:30px;background:white;border:1px solid #d8e5f0;border-radius:14px;box-shadow:0 10px 45px #204c7520}.auth-brand{text-align:center}.color-wheel{margin:0 auto 17px;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -15deg,#fff000 0 30deg,#ffcf00 30deg 60deg,#ffa000 60deg 90deg,#ff6116 90deg 120deg,#ff163b 120deg 150deg,#e60067 150deg 180deg,#a90092 180deg 210deg,#6627b9 210deg 240deg,#0078ed 240deg 270deg,#00a3df 270deg 300deg,#009c82 300deg 330deg,#a2d32c 330deg)}.color-wheel i{display:block;width:77px;height:77px;border-radius:50%;background:white;position:relative}.color-wheel i:after{content:'';position:absolute;inset:13px 9px 17px;background:conic-gradient(from 20deg,#ffd90080,#ff163b80,#0078ed80,#ffd90080);clip-path:polygon(50% 0,100% 100%,0 100%)}.auth-brand small{color:#7690a7;font-size:9px;letter-spacing:.6px}h1{font-size:27px;margin:22px 0 3px;text-align:center;letter-spacing:-.5px}p{text-align:center;color:#6b8399;font-size:12px;margin:0 0 22px}label{display:block;color:#4b6b85;font-size:12px;margin:16px 0 6px}input,button{width:100%;padding:12px;font:inherit;border-radius:7px;border:1px solid #cddfeb;color:#24445f;background:#fbfdff}input:focus-visible,button:focus-visible{outline:2px solid #0077ee;outline-offset:2px}button{background:#0077ee;border-color:#0077ee;color:white;font-weight:600;cursor:pointer;margin-top:22px}button:hover{background:#0064cc}footer{text-align:center;color:#8aa0b2;font-size:10px;margin-top:22px}.auth-error{background:#f2f7fc;border:1px solid #b6cfe5;padding:10px;border-radius:6px;color:#315e85;font-size:12px}@media(max-width:550px){header{padding:0 16px}header small{font-size:9px;max-width:180px}main{margin:30px auto;padding:24px}}