:root{--fg:#111a2e;--muted:#586074;--muted-2:#8a93a6;--primary:#155eef;--primary-600:#0f4fcc;--hair:rgba(17,26,46,0.08);--glass:rgba(255,255,255,0.72);--edge:rgba(255,255,255,0.85)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Roboto,system-ui,-apple-system,sans-serif;color:var(--fg);background:radial-gradient(1200px 760px at 50% -14%,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,#f4f5f7,#e9ebef);background-attachment:fixed;-webkit-font-smoothing:antialiased}.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.authcard{width:100%;max-width:400px;padding:40px 32px;border-radius:22px;text-align:center;background:var(--glass);backdrop-filter:blur(24px) saturate(185%);-webkit-backdrop-filter:blur(24px) saturate(185%);border:1px solid var(--edge);box-shadow:0 30px 60px -22px rgba(17,26,46,.35),inset 0 1px 0 var(--edge)}.authcard .logo{width:52px;height:52px;margin:0 auto 18px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(150deg,#3b78ff,#0b3fb0);box-shadow:0 10px 22px -8px rgba(21,94,239,.7),inset 0 1px 0 rgba(255,255,255,.5)}.authcard .logo,.authcard h1{font-weight:700;font-size:22px}.authcard h1{letter-spacing:-.02em}.authcard p{margin:8px 0 26px;color:var(--muted);font-size:14px;line-height:1.5}.gbtn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;font-family:inherit;font-weight:600;font-size:14.5px;color:var(--fg);background:#fff;border:1px solid var(--hair);cursor:pointer;box-shadow:0 6px 18px -10px rgba(17,26,46,.24);transition:.16s}.gbtn:hover{background:#f7f8fa}.authcard .foot{display:block;margin-top:22px;font-size:12px;color:var(--muted-2)}