*{box-sizing:border-box}body.oauth-login{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 18%,#c5f3f2 0,transparent 32%),linear-gradient(130deg,#e9f6ff,#f4fbff 55%,#e8f8f7);font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#173455}.oauth-card{background:#fff;max-width:450px;width:100%;padding:45px 38px;border-radius:28px;box-shadow:0 25px 75px #1b557222;text-align:center}.oauth-symbol{font-size:42px;color:#0d9eac}.oauth-eyebrow{font-size:12px;letter-spacing:2px;color:#27859a;font-weight:800}.oauth-card h1{font-size:29px;margin:16px 0 8px}.oauth-card p{line-height:1.65;color:#567}.oauth-button{display:flex;justify-content:center;align-items:center;gap:14px;text-decoration:none;background:#125ca6;color:#fff;font-weight:700;padding:17px 16px;border-radius:14px;margin:27px 0 16px}.oauth-button:hover{background:#0b477e}.google-g{background:white;color:#4285f4;border-radius:50%;font-size:19px;width:29px;height:29px;display:grid;place-items:center}.oauth-card small{color:#718399}.oauth-error{background:#fff0f0;color:#ad2222!important;border-radius:12px;padding:12px}@media(max-width:480px){.oauth-card{padding:35px 20px}}