@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap";:root{--bg: #f5f2e9;--bg-soft: #fffdf8;--card: #ffffff;--text: #1f2a37;--text-muted: #526072;--brand: #0f4c5c;--brand-strong: #063c49;--accent: #f59e0b;--success: #0f766e;--border: #e8dfcf;--shadow-sm: 0 8px 24px rgba(20, 35, 50, .08);--shadow-lg: 0 20px 45px rgba(20, 35, 50, .16);--radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Manrope,sans-serif;background:radial-gradient(800px circle at 12% 8%,rgba(245,158,11,.22),transparent 48%),radial-gradient(700px circle at 87% 10%,rgba(15,118,110,.2),transparent 48%),linear-gradient(180deg,#fdfaf2,#f5f2e9,#efe9da)}h1,h2,h3{margin:0;color:#12202f}h1,h2{font-family:"DM Serif Display",serif;letter-spacing:.2px}p{margin:0;color:var(--text-muted)}a{color:inherit}button,input{font-family:inherit}button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1423321f;filter:saturate(1.04)}.page-enter{animation:pageIn .55s ease both}.card-rise{animation:riseIn .45s ease both}.interactive-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}.interactive-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 34px #14233229;border-color:#d7ccb8}.interactive-button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.interactive-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #14233224;filter:saturate(1.05)}.subtle-slide-in{animation:subtleSlideIn .55s ease both}.toast-stack{position:fixed;right:16px;top:16px;z-index:1000;display:grid;gap:8px;max-width:min(92vw,360px)}.toast-item{border-radius:10px;padding:10px 12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;color:var(--text);font-weight:600;animation:subtleSlideIn .28s ease both}.toast-info{border-left:4px solid var(--brand)}.stagger-grid>*{animation:riseIn .45s ease both}.stagger-grid>*:nth-child(1){animation-delay:.02s}.stagger-grid>*:nth-child(2){animation-delay:.06s}.stagger-grid>*:nth-child(3){animation-delay:.1s}.stagger-grid>*:nth-child(4){animation-delay:.14s}.stagger-grid>*:nth-child(5){animation-delay:.18s}.stagger-grid>*:nth-child(6){animation-delay:.22s}.stagger-grid>*:nth-child(7){animation-delay:.26s}.stagger-grid>*:nth-child(8){animation-delay:.3s}.stagger-grid>*:nth-child(9){animation-delay:.34s}.stagger-grid>*:nth-child(10){animation-delay:.38s}.stagger-grid>*:nth-child(11){animation-delay:.42s}.stagger-grid>*:nth-child(12){animation-delay:.46s}.skeleton-box{background:linear-gradient(90deg,#efe7d7 25%,#f7f1e5,#efe7d7 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){h1{font-size:2.1rem}}
