:root{font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif;color:#26364c;background:#f5f8ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 15%,#e5edff 0,transparent 32%),radial-gradient(circle at 15% 85%,#e8f4ff 0,transparent 34%),#f5f8ff}button{font:inherit;cursor:pointer}header{height:86px;max-width:1100px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#26364c;text-decoration:none;font-size:25px;font-weight:780;letter-spacing:-.6px}.brand img{width:43px;height:43px;border-radius:12px}.logout,.secondary{border:1px solid #dbe5f3;border-radius:13px;background:#fff;padding:12px 19px;color:#3269bb;font-weight:650}.logout:hover,.secondary:hover{background:#f0f6ff}main{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:22px 20px 60px}.panel{width:min(100%,530px);padding:42px 46px;background:#fff;border:1px solid #edf1fa;border-radius:30px;box-shadow:0 24px 80px #536f9b1a;text-align:center}.eyebrow{color:#3e82e9;font-size:13px;font-weight:760;text-transform:uppercase;letter-spacing:1.2px}h1{font-size:clamp(29px,5vw,39px);letter-spacing:-1.2px;line-height:1.15;margin:13px 0 15px}p{font-size:16px;line-height:1.6;color:#66758a;margin:0}.qr-wrap{margin:30px auto 18px;width:252px;height:252px;padding:13px;background:#fff;border:1px solid #e5edf7;border-radius:22px;box-shadow:0 8px 32px #557eb018;display:grid;place-items:center}#qr svg{display:block;width:224px;height:224px}.status{font-size:14px;font-weight:650;color:#4979bb;min-height:23px}.hint{font-size:13px;color:#9ba7b7;margin-top:20px}.secondary{margin-top:10px}.home{padding-top:45px;padding-bottom:48px}.home h2{font-size:24px;letter-spacing:-.5px;margin:6px 0 12px}.illustration{position:relative;height:230px;margin:19px auto 9px;display:grid;place-items:center}.cloud{font-size:215px;line-height:1;color:#b3d4ff;text-shadow:0 14px 28px #96b9ec40}.folder{position:absolute;font-size:117px;line-height:1;color:#ffcf74;transform:rotate(-9deg);text-shadow:0 7px 10px #d6994c30}.spark{position:absolute;color:#5997ef;font-size:35px}.one{left:16%;top:35%}.two{right:14%;bottom:30%}[hidden]{display:none!important}@media(max-width:560px){header{height:72px;padding:0 18px}.brand{font-size:22px}.brand img{width:38px;height:38px}main{min-height:calc(100vh - 72px);padding:12px 14px 35px}.panel{padding:30px 20px;border-radius:24px}.qr-wrap{margin-top:23px}}