:root{--brand: #16a34a;--brand-700: #15803d;--ink: #18181b;--muted: #71717a;--line: #e4e4e7}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(1000px 500px at 50% -10%,#dcfce7,#f4f4f5 60%);min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:360px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 28px;box-shadow:0 20px 50px -24px #00000040;display:flex;flex-direction:column;gap:14px}.logo{font-size:26px;font-weight:800;color:var(--brand-700);letter-spacing:-.02em}.logo .tag{font-size:12px;font-weight:700;background:#dcfce7;color:var(--brand-700);padding:3px 8px;border-radius:9999px;vertical-align:middle}.sub{color:var(--muted);font-size:14px;margin-bottom:6px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px;color:var(--ink);outline:none}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #dcfce7}.btn{margin-top:6px;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{background:var(--brand-700)}.note{text-align:center;font-size:12px;color:var(--muted);margin-top:4px}