@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Sora:wght@500;600;700&display=swap');
:root{--blue:#2f80ff;--cyan:#31d4ff;--night:#07111f;--navy:#0b1830;--ink:#132337;--muted:#728296;--line:#dce5ee;--paper:#f7fbff}
*{box-sizing:border-box}
body.login-premium{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;font-family:'Manrope',Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 12%,rgba(49,212,255,.16),transparent 25%),radial-gradient(circle at 88% 78%,rgba(47,128,255,.16),transparent 29%),linear-gradient(145deg,#050d18,#081625 50%,#0b1b31);overflow-x:hidden}
.login-atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden}.login-atmosphere:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.login-atmosphere span{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.login-atmosphere span:nth-child(1){width:260px;height:260px;left:-100px;top:14%;border:1px solid rgba(49,212,255,.16)}.login-atmosphere span:nth-child(2){width:520px;height:520px;right:-260px;top:-180px;border:1px solid rgba(47,128,255,.16)}.login-atmosphere span:nth-child(3){width:160px;height:160px;right:18%;bottom:-80px;background:radial-gradient(circle,rgba(47,128,255,.12),transparent 68%)}
.shell{width:100%;max-width:470px;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:15px;margin:0 0 20px;padding:0 6px}.logo{width:64px;height:64px;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.07)}.logo img{width:100%;height:100%;display:block}.brand-name{font-family:'Sora',sans-serif;color:#fff;font-weight:700;font-size:30px;letter-spacing:-1.5px;line-height:1}.brand-kicker{color:#75dfff;font-size:9px;font-weight:800;letter-spacing:1.55px;margin-top:7px}
.card{position:relative;overflow:hidden;background:rgba(248,252,255,.975);border:1px solid rgba(255,255,255,.34);border-radius:28px;padding:34px 32px 30px;box-shadow:0 34px 90px rgba(0,0,0,.36),0 1px 0 rgba(255,255,255,.8) inset;backdrop-filter:blur(16px)}.card-accent{position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#2673d2;margin-bottom:12px}.card h1{font-family:'Sora',sans-serif;font-size:30px;letter-spacing:-1.25px;line-height:1.08;margin:0 0 10px;color:#102033}.sub{margin:0 0 24px;color:var(--muted);line-height:1.6;font-size:14px}.field{margin:14px 0}.field label{display:block;font-size:12px;font-weight:800;color:#42556a;margin-bottom:7px}.field input{width:100%;height:52px;border:1px solid #cedbe7;border-radius:14px;padding:0 15px;font:inherit;font-size:15px;color:#17283a;background:#fff;outline:none;transition:.16s}.field input:focus{border-color:rgba(47,128,255,.70);box-shadow:0 0 0 4px rgba(47,128,255,.10)}button{width:100%;height:52px;border:0;border-radius:14px;margin-top:12px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--blue),#219fe9);box-shadow:0 12px 25px rgba(47,128,255,.24);transition:.16s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px rgba(47,128,255,.28)}button.alt{color:#31465c;background:#fff;border:1px solid #d2dde7;box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed}.security{display:flex;gap:11px;align-items:flex-start;margin-top:21px;padding:14px;border:1px solid #dce9f3;border-radius:15px;background:linear-gradient(180deg,#f7fbff,#f1f7fc);color:#61748a;font-size:12px;line-height:1.55}.security-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:50%;background:#dff8ef;color:#08785a;font-weight:900}.msg{min-height:20px;margin:15px 0 0;font-size:13px;color:var(--muted);line-height:1.45}.msg.err{color:#ad2630}.foot{text-align:center;color:#91a8bf;font-size:11px;margin-top:18px;letter-spacing:.15px}.foot b{color:#dcecff}.passkey{margin-top:0}[hidden]{display:none!important}
@media(max-width:600px){body.login-premium{padding:20px;background:radial-gradient(circle at 10% 10%,rgba(49,212,255,.13),transparent 30%),linear-gradient(160deg,#06101d,#0b1a2f)}.shell{max-width:440px}.brand{margin-bottom:16px}.logo{width:58px;height:58px}.brand-name{font-size:27px}.brand-kicker{font-size:8px}.card{padding:28px 22px 24px;border-radius:24px}.card h1{font-size:27px}}