:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#071f1b;color:#e4f2eb}body{margin:0;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));min-height:80vh;display:grid;place-items:center}main{box-sizing:border-box;max-width:460px;width:100%;padding:28px;border:1px solid #31564a;border-radius:24px;background:#11392e;line-height:1.8}h1{color:#b0d98c;font-size:2.5rem;margin:0}h2{font-size:1.3rem}form{display:grid;gap:12px}input,button{box-sizing:border-box;width:100%;min-height:48px;font:inherit;border-radius:12px;padding:10px;border:1px solid #739282}input{direction:ltr;background:#09281f;color:white}button{background:#b0d98c;color:#10291d;cursor:pointer;font-weight:bold}button:disabled{opacity:.6}#message{color:#f3d4ad}small{display:block;color:#bbcec4}