:root{--page-bg: #f7f6f1;--card-bg: #fffcea;--card-border: #cfcfcf;--headline: #d60000;--text: #222;--muted: #555;--form-bg: #f6edbe;--form-border: #d8cb7a;--input-border: #a8a8a8;--button-border: #888}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 20% 20%,#fff 0,#f7f6f1 45%,#f1efe6);color:var(--text);min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.maintenance-card{width:460px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 8px 22px #0000001a;border-radius:6px;padding:22px 26px 24px}.brand{margin:0 0 14px;font-weight:700;font-size:15px;letter-spacing:.2px;color:var(--text)}.headline{margin:0 0 16px;color:var(--headline);font-size:22px;line-height:1.4;font-weight:700}.subcopy{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}.notify-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--form-bg);border:1px solid var(--form-border);border-radius:6px;padding:12px 14px;box-shadow:inset 0 1px #ffffff8c}.label{font-weight:700;font-size:14px;color:#333}.notify-form input{width:100%;padding:8px 10px;border:1px solid var(--input-border);border-radius:3px;font-size:14px;background:#fffef6;box-shadow:inset 0 1px 2px #00000014}.notify-form input:focus{outline:2px solid #d8cb7a;outline-offset:1px}.notify-form button{padding:6px 14px;font-size:12px;border:1px solid var(--button-border);background:linear-gradient(#fff,#e7e7e7);border-radius:12px;cursor:pointer;box-shadow:0 1px #ffffffb3 inset,0 1px 2px #0003;transition:transform .05s ease,box-shadow .05s ease}.notify-form button:hover{background:linear-gradient(#fff,#e2e2e2)}.notify-form button:active{transform:translateY(1px);box-shadow:0 1px #fff9 inset,0 1px 1px #00000040}.success-message{margin:14px 0 0;font-size:14px;color:#2d7a2d;background:#e8f6e8;border:1px solid #c5e2c5;border-radius:5px;padding:10px 12px}@media(max-width:540px){.maintenance-card{width:100%}.notify-form{grid-template-columns:1fr;gap:8px}.label,.notify-form button{justify-self:start}}
