:root { --paper:#f3f1eb; --ink:#132020; --muted:#586866; --line:#c8cdc5; --teal:#087c71; font-family:"Manrope",sans-serif; } * { box-sizing:border-box; } body { min-height:100vh; margin:0; color:var(--ink); background:var(--paper); } main { display:flex; flex-direction:column; width:min(1060px,100%); min-height:100vh; margin:auto; padding:30px 40px 24px; }.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-family:"Oswald",sans-serif; font-size:20px; letter-spacing:.025em; text-decoration:none; text-transform:uppercase; }.brand span { display:grid; width:30px; height:30px; place-items:center; color:#fff; background:var(--teal); font-family:"DM Mono",monospace; font-size:10px; }.login-card { width:min(100%,470px); margin:auto; padding:44px 0; }.eyebrow { margin:0 0 14px; color:var(--teal); font-family:"DM Mono",monospace; font-size:10px; font-weight:700; letter-spacing:.1em; }.login-card h1 { margin:0; font-family:"Oswald",sans-serif; font-size:58px; font-weight:600; letter-spacing:-.025em; line-height:1.02; text-transform:uppercase; }.login-card h1 em { color:var(--teal); font-style:normal; }.login-card > p:not(.eyebrow):not(.error) { margin:22px 0 28px; color:var(--muted); font-size:14px; line-height:1.7; }.google-button { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:50px; color:#fff; background:#172526; font-size:13px; font-weight:800; text-decoration:none; }.google-button:hover { background:#294143; }.google-button i { display:grid; width:21px; height:21px; place-items:center; color:#4285f4; background:#fff; border-radius:50%; font-family:Arial,sans-serif; font-style:normal; font-weight:700; }.login-card small { display:block; margin-top:14px; color:#71807c; font-size:10px; line-height:1.55; }.error { margin:18px 0 0; padding:12px; border-left:3px solid #bb5548; color:#8a332a; background:#f4ded9; font-size:12px; line-height:1.5; } footer { padding-top:18px; border-top:1px solid var(--line); color:#74817d; font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.04em; } @media(max-width:600px) { main { padding:23px 22px 20px; }.login-card h1 { font-size:49px; } }