:root{--ink:#172033;--muted:#69758a;--line:#d8dfeb;--accent:#596ff2}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Noto Sans Thai","Segoe UI",sans-serif;background:radial-gradient(circle at 10% 0%,rgba(91,111,245,.16),transparent 34rem),radial-gradient(circle at 100% 20%,rgba(26,188,156,.1),transparent 30rem),#f3f6fb}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:34px;border:1px solid rgba(210,219,233,.9);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 28px 80px rgba(34,48,80,.14);backdrop-filter:blur(18px)}.login-brand{font:700 13px "DM Mono",monospace;letter-spacing:.06em}.login-brand span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:9px;background:var(--accent);color:white}.eyebrow{margin:36px 0 8px;color:var(--accent);font:700 11px "DM Mono",monospace;letter-spacing:.12em}.login-card h1{margin:0;font-size:clamp(27px,6vw,38px);line-height:1.2;letter-spacing:-.04em}.login-copy{margin:14px 0 26px;color:var(--muted);line-height:1.7}.google-login{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);font-weight:700;text-decoration:none;transition:.18s}.google-login:hover{border-color:#9caae9;box-shadow:0 8px 24px rgba(67,83,170,.13);transform:translateY(-1px)}.google-login svg{width:21px;height:21px}.login-error,.setup-warning{margin:0 0 18px;padding:11px 13px;border-radius:10px;font-size:13px}.login-error{border:1px solid #efc1c5;background:#fff1f2;color:#9e3640}.setup-warning{display:grid;gap:5px;border:1px solid #e7d394;background:#fff9df;color:#685719}.setup-warning span{font-size:11px;line-height:1.55}.privacy-note{margin:18px 0 0;color:#8993a5;text-align:center;font-size:11px;line-height:1.6}@media(max-width:520px){.login-card{padding:25px 20px;border-radius:17px}}