@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #faf9f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #eae5de;--color-border-strong: #d9d0c4;--color-text: #1a1210;--color-text-muted: #5c4a3a;--color-text-subtle: #9c8776;--color-accent: #d4582a;--color-accent-hover: #bf4a1e;--color-accent-soft: #fef0ea;--color-accent-glow: rgba(212, 88, 42, .12);--color-danger: #c53030;--color-danger-bg: #fef5f5;--color-danger-border: #fed7d7;--color-input-bg: #fdfcfb;--color-hover-bg: #f5f1ec;--color-card-shadow: rgba(26, 18, 16, .04);--color-card-shadow-hover: rgba(212, 88, 42, .08);--color-nav-shadow: rgba(26, 18, 16, .03);--gradient-accent: linear-gradient(135deg, #d4582a 0%, #e87b4a 100%);--gradient-surface: linear-gradient(180deg, #ffffff 0%, #fdfcfa 100%);--gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(212, 88, 42, .04) 0%, transparent 60%);--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(26, 18, 16, .04), 0 1px 2px rgba(26, 18, 16, .02);--shadow-md: 0 4px 16px rgba(26, 18, 16, .06), 0 2px 6px rgba(26, 18, 16, .03);--shadow-lg: 0 12px 40px rgba(26, 18, 16, .08), 0 4px 12px rgba(26, 18, 16, .04);--shadow-xl: 0 20px 60px rgba(26, 18, 16, .1), 0 8px 20px rgba(26, 18, 16, .05)}[data-theme=dark]{--color-bg: #0f0c0a;--color-surface: #1a1512;--color-surface-elevated: #221c18;--color-border: #2e2620;--color-border-strong: #3d332a;--color-text: #f7f2ed;--color-text-muted: #c4b09c;--color-text-subtle: #7a6a5c;--color-accent: #e8713f;--color-accent-hover: #f08a58;--color-accent-soft: rgba(232, 113, 63, .1);--color-accent-glow: rgba(232, 113, 63, .15);--color-danger: #f87171;--color-danger-bg: #201010;--color-danger-border: #5c1c1c;--color-input-bg: #1e1814;--color-hover-bg: #261f1a;--color-card-shadow: rgba(0, 0, 0, .3);--color-card-shadow-hover: rgba(232, 113, 63, .1);--color-nav-shadow: rgba(0, 0, 0, .2);--gradient-accent: linear-gradient(135deg, #e8713f 0%, #f4975e 100%);--gradient-surface: linear-gradient(180deg, #1a1512 0%, #14100e 100%);--gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(232, 113, 63, .06) 0%, transparent 60%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25), 0 2px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .4), 0 8px 20px rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;transition:background .4s ease,color .3s ease;line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh}input,button,textarea,select{font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow),var(--shadow-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}::selection{background:var(--color-accent-soft);color:var(--color-accent)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;font-size:.9rem;color:var(--color-text-subtle);letter-spacing:.02em}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-error-banner{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);margin:12px auto;max-width:760px;border-radius:var(--radius-md);padding:12px 16px;font-size:13px;font-weight:500}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,12,10,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;max-width:360px;width:90%;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:24px;text-align:center;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.confirm-dialog p{font-size:.95rem;color:var(--color-text-muted);margin:0;line-height:1.6}.confirm-dialog .confirm-actions{display:flex;gap:10px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-hamburger{display:none!important}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-hamburger{display:flex!important}.welcome-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.confirm-dialog{padding:24px 20px}}.card-hover{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-pop{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background .2s}.btn-pop:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--color-accent-glow)}.btn-pop:active{transform:translateY(0) scale(.98);box-shadow:none}.btn-gradient{background:var(--gradient-accent);color:#fff;border:none;font-weight:600;letter-spacing:.01em}.btn-gradient:hover{filter:brightness(1.06)}.glass-card{background:var(--gradient-surface);border:1px solid var(--color-border);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3)}.section-card{transition:border-color .25s ease,box-shadow .3s ease,transform .25s cubic-bezier(.16,1,.3,1)}.section-card:hover{border-color:var(--color-accent);box-shadow:0 4px 20px var(--color-accent-glow),var(--shadow-md);transform:translateY(-2px)}.nav-glass{background:color-mix(in srgb,var(--color-surface) 88%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.stagger-in>*{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:60ms}.stagger-in>*:nth-child(3){animation-delay:.12s}.stagger-in>*:nth-child(4){animation-delay:.18s}.stagger-in>*:nth-child(5){animation-delay:.24s}.stagger-in>*:nth-child(6){animation-delay:.3s}.stagger-in>*:nth-child(7){animation-delay:.36s}.stagger-in>*:nth-child(8){animation-delay:.42s}.featured-card{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.featured-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,var(--color-accent),rgba(212,88,42,.2),var(--color-accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.featured-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,var(--color-accent-glow) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.featured-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px var(--color-accent-glow),var(--shadow-lg)}.featured-card:hover:after{opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card-hover:hover,.btn-pop:hover,.section-card:hover{transform:none}}