@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap");:root{--ink:#0f0e0c;--paper:#faf8f3;--cream:#f2ede3;--accent:#c8440a;--accent-light:#f5d5c5;--accent-hover:#a83608;--muted:#8a8278;--border:#e0d9ce;--success:#2d6a4f;--success-bg:#d4edda;--error:#c0392b;--error-bg:#fff0f0;--card-shadow:0 4px 40px rgba(15,14,12,.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:none;padding:11px 28px;border-radius:8px;font-size:15px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.12),transparent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,68,10,.3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--ink);border:1px solid var(--border);padding:10px 22px;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s}.btn-secondary:hover{background:var(--cream);border-color:var(--muted)}.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--paper);border:none;padding:11px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.btn-dark:hover{background:#2a2820;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:rgba(15,14,12,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.modal{background:var(--paper);border-radius:16px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(15,14,12,.2);animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.input-field{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;transition:border-color .15s}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:#c5bfb5}.toast{position:fixed;bottom:24px;right:24px;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:200;animation:slideUp .3s ease;max-width:320px}.toast.success{background:var(--success)}.toast.error{background:var(--error)}