:root{--z-bg:#f3f6f2;--z-card:#fff;--z-ink:#1d2b26;--z-soft:#5b6b64;--z-line:#dde5df;--z-primary:#1f4e79;--z-accent:#3f8f4a;--z-error:#b42318}*{box-sizing:border-box}body{background:var(--z-bg);min-height:100vh;color:var(--z-ink);place-items:center;margin:0;padding:24px 16px;font:16px/1.5 Open Sans,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.z-card{background:var(--z-card);border:1px solid var(--z-line);border-radius:16px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 10px 30px #1d2b260f}.z-logo{width:auto;height:40px;margin-bottom:24px;display:block}.z-card h1{color:var(--z-primary);margin:0 0 6px;font-size:1.4rem}.z-card p{color:var(--z-soft);margin:0 0 20px;font-size:.95rem}.z-card label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.z-card input{width:100%;font:inherit;border:1px solid var(--z-line);border-radius:10px;outline:none;padding:12px 14px}.z-card input:focus{border-color:var(--z-primary);box-shadow:0 0 0 3px #1f4e7926}.z-card button{width:100%;font:inherit;background:var(--z-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:16px;padding:12px 16px;font-weight:700}.z-card button:hover{filter:brightness(1.05)}.z-error{color:var(--z-error);margin:12px 0 0;font-size:.9rem}