@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--brand-primary:#5c3a2f;--brand-primary-rgb:92,58,47;--brand-secondary:#7a5244;--brand-accent:#4a2b22;--brand-gradient:linear-gradient(135deg,#5c3a2f 0%,#4a2b22 50%,#361f18 100%);--brand-soft:linear-gradient(135deg,#e3d2cd 0%,#d4bbae 100%);--bg-primary:#e6ddcc;--bg-secondary:#e6ddcc;--bg-tertiary:#e6ddcc;--surface:#ffffffe6;--surface-hover:#fff;--surface-strong:#fffffff5;--surface-overlay:#fff9;--text-primary:#614135;--text-secondary:#77625c;--text-tertiary:#8f7d78;--text-on-brand:#fff;--glass-bg:#ffffffd9;--glass-border:#5c3a2f1f;--glass-shadow:0 8px 32px #5c3a2f14,0 2px 8px #0000000a;--glass-blur:blur(24px)saturate(180%);--nav-bg:#fafafad1;--nav-bg-solid:#f0f0f0f7;--nav-border:#ffffffb3;--nav-shadow:0 -1px 0 #0000000a,0 -8px 24px #5c3a2f14;--card-bg:#fffc;--card-border:#ffffffe6;--card-shadow:0 4px 24px #5c3a2f0f,0 1px 4px #0000000a;--card-shadow-hover:0 8px 40px #5c3a2f1f,0 2px 8px #0000000f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--nav-height:80px;--nav-bottom-safe:max(env(safe-area-inset-bottom,0px),8px);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-med:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.35s cubic-bezier(.34,1.56,.64,1);--star-color:#f5a623;--color-danger:#8c4a3e;--color-danger-rgb:140,74,62;--bg-desktop-sides:#bab0a1}[data-theme=dark]{--brand-primary:#ce8d8b;--brand-primary-rgb:206,141,139;--brand-secondary:#ce8d8b;--brand-accent:#ce8d8b;--brand-gradient:linear-gradient(135deg,#ce8d8b 0%,#ce8d8b 50%,#ce8d8b 100%);--brand-soft:linear-gradient(135deg,#ce8d8b 0%,#ce8d8b 100%);--bg-primary:#13101a;--bg-secondary:#1c1726;--bg-tertiary:#231d30;--surface:#231c30c7;--surface-hover:#2d243ee0;--surface-strong:#322a44eb;--surface-overlay:#231c30a6;--text-primary:#f5f0f4;--text-secondary:#c0a8c0;--text-tertiary:#8073a0;--text-on-brand:#fff;--glass-bg:#231c30b8;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #00000059,0 2px 8px #00000038;--nav-bg:#120e1ae0;--nav-bg-solid:#161122f7;--nav-border:#ffffff14;--nav-shadow:0 -1px 0 #ffffff0d,0 -8px 32px #0006;--card-bg:#231c30d9;--card-border:#ffffff17;--card-shadow:0 4px 24px #0000004d,0 1px 4px #00000026;--card-shadow-hover:0 8px 40px #00000073,0 2px 8px #00000040;--color-danger:#d4788a;--color-danger-rgb:212,120,138;--bg-desktop-sides:#080610}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow);min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button,input,textarea,select,a{outline:none}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg-primary);width:100%;min-height:100dvh;transition:background var(--transition-slow);flex-direction:column;display:flex;position:relative}@media (min-width:768px){body{background:var(--bg-desktop-sides)}.app-shell{background:var(--bg-desktop-sides);align-items:center}}.text-xs{font-size:11px;line-height:1.4}.text-sm{font-size:13px;line-height:1.5}.text-base{font-size:15px;line-height:1.5}.text-lg{font-size:18px;line-height:1.4}.text-xl{font-size:22px;line-height:1.3}.text-2xl{font-size:28px;line-height:1.2}.text-3xl{font-size:36px;line-height:1.15}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semi{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-primary)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-med)both}.animate-slide-up{animation:slideUp var(--transition-slow)both}.animate-scale-in{animation:scaleIn var(--transition-med)both}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.4s infinite shimmer}.page{padding-bottom:calc(var(--nav-height) + var(--nav-bottom-safe) + 16px);-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.page-no-nav{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.section-padding{padding:var(--space-lg)var(--space-md)}.section-padding-x{padding-left:var(--space-md);padding-right:var(--space-md)}.btn{border-radius:var(--radius-full);letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 16px #c4566e5c}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #c4566e7a}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-glass:hover{background:var(--surface-hover)}.btn-ghost{color:var(--brand-primary);background:0 0}.btn-ghost:hover{background:#d4748c14}.btn-sm{padding:10px 18px;font-size:13px}.btn-lg{padding:18px 32px;font-size:17px}.btn-full{width:100%}