:root{--bg-light:#f9f6f0;--bg-white:#fff;--bg-dark:#2a2725;--bg-dark-deep:#201e1d;--bg-sage:#f0f2ee;--bg-rose:#f5efea;--bg-slate:#eceff2;--bg-mustard:#f5f2e8;--text-primary:#2a2725;--text-primary-dark:#faf8f5;--text-secondary:#8a837e;--accent-gold:#d9b48f;--accent-rose:#d9a09a;--border-light:#2a272512;--border-dark:#faf8f514;--font-title:"Fraunces", serif;--font-body:"Inter", sans-serif;--shadow-subtle:0 4px 20px #2a272505;--shadow-hover:0 12px 30px #2a27250d}*{box-sizing:border-box;border:0;outline:none;margin:0;padding:0}html,body{background-color:var(--bg-light);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#d9d2c9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;font-family:inherit}.card-sage{background-color:var(--bg-sage);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle);border-radius:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.card-sage:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-rose{background-color:var(--bg-rose);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle);border-radius:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.card-rose:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-slate{background-color:var(--bg-slate);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle);border-radius:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.card-slate:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-slate-animated{background-color:var(--bg-slate);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle);border-radius:20px;transition:box-shadow .4s}.card-slate-animated:hover{box-shadow:var(--shadow-hover)}.card-mustard{background-color:var(--bg-mustard);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle);border-radius:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.card-mustard:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-dark{border:1px solid var(--border-dark);background-color:#faf8f508;border-radius:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .4s,border-color .4s}.card-dark:hover{background-color:#faf8f50d;border-color:#faf8f526;transform:translateY(-4px)}.input-field{width:100%;font-family:var(--font-body);border-radius:12px;padding:16px;font-size:15px;transition:all .3s}.input-field-light{background-color:var(--bg-white);border:1px solid var(--border-light);color:var(--text-primary)}.input-field-light:focus{border-color:var(--accent-rose);box-shadow:0 0 0 3px #d9a09a1f}.input-field-dark{border:1px solid var(--border-dark);color:var(--text-primary-dark);background-color:#faf8f508}.input-field-dark:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #d9b48f1f}.pill-button{font-size:13px;font-weight:600;font-family:var(--font-body);border-radius:50px;padding:8px 18px;transition:all .3s cubic-bezier(.16,1,.3,1)}
