@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";
:root{--color-primary:#2c5e2e;--color-primary-dark:#1a3a1c;--color-accent:#e8a020;--color-accent-dark:#c4861a;--color-bg:#fffdf7;--color-surface:#fff;--color-surface-2:#f7f4ee;--color-border:#e8e2d5;--color-border-light:#f0ede5;--color-text:#1c2b1c;--color-text-muted:#5c6e5c;--color-text-light:#8fa48f;--color-success:#22c55e;--color-error:#ef4444}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Quicksand,system-ui,sans-serif;line-height:1.6}input,button,select,textarea{font-family:Quicksand,system-ui,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root,:host{--color-accent:#e8a020}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 1px 4px #0000000d}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;font-weight:700;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-accent{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;font-weight:700;transition:background .15s,transform .1s}.btn-accent:hover{background:var(--color-accent-dark)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:12px;font-weight:600;transition:background .15s}.btn-ghost:hover{background:var(--color-surface-2)}.input-base{border:1.5px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:12px;width:100%;padding:11px 16px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input-base:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2c5e2e1a}.input-base::placeholder{color:var(--color-text-light);font-weight:400}
