*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#d3f8e2;--bg2:#cbeef3;--bg3:#fff;--border:#2e2e38;--text:#f26a8d;--text2:#f49cbb;--text3:#ef6d6a;--accent:#f49cbb;--accent-hover:#f26a8d;--accent-dim:#7c6af726;--green:#34d399;--red:#f87171;--radius:10px;--radius-lg:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius);border:none;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--text3)}.btn-sm{border-radius:7px;padding:6px 12px;font-size:13px}input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}input:focus{border-color:var(--accent)}input::placeholder{color:var(--text3)}label{color:var(--text2);margin-bottom:6px;font-size:13px;display:block}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.container{max-width:860px;margin:0 auto;padding:0 24px}.alert{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:13px}.alert-error{color:var(--red);background:#f871711f;border:1px solid #f8717140}.alert-success{color:var(--green);background:#34d3991f;border:1px solid #34d39940}