:root{--color-charcoal: #2D3748;--color-charcoal-light: #374151;--color-primary: #4DA1A9;--color-amber: #F6AD55;--color-soft-cream: #F7FAFC;--color-muted-cream: #CBD5E0;--color-nature: #9AE6B4;--font-heading: "Mali", "IBM Plex Sans Thai Looped", serif;--font-body: "IBM Plex Sans Thai", sans-serif;--line-height-relaxed: 1.8;--line-height-heading: 1.3;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .4);--shadow-warm: 0 8px 30px -4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(246, 173, 85, .25);--shadow-glow-teal: 0 0 40px rgba(77, 161, 169, .25);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}body{position:relative;background-color:var(--color-charcoal);color:var(--color-soft-cream)}body:before{display:none}body>*{position:relative;z-index:1}@keyframes breathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes soft-pulse{0%,to{box-shadow:0 0 #4da1a94d}50%{box-shadow:0 0 30px 10px #4da1a926}}@keyframes amber-pulse{0%,to{box-shadow:0 0 10px 2px #f6ad554d}50%{box-shadow:0 0 25px 8px #f6ad5580}}.breathing{animation:breathing 4s ease-in-out infinite}.gentle-float{animation:gentle-float 3s ease-in-out infinite}.soft-pulse{animation:soft-pulse 4s ease-in-out infinite}.amber-pulse{animation:amber-pulse 3s ease-in-out infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-fade-in{animation:fade-in-up .4s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.font-mali{font-family:var(--font-heading)}.leading-sanctuary{line-height:var(--line-height-relaxed)}.card-sanctuary{background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.25rem;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.1);transition:var(--transition-smooth)}.card-sanctuary:hover{box-shadow:var(--shadow-warm);transform:translateY(-2px);border-color:#f6ad554d}.btn-sanctuary{border-radius:1rem;transition:var(--transition-smooth);box-shadow:var(--shadow-soft)}.btn-sanctuary:hover{box-shadow:var(--shadow-warm);transform:translateY(-1px)}.glass-sanctuary{background:#374151d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}::selection{background-color:#f6ad554d;color:var(--color-soft-cream)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-charcoal)}::-webkit-scrollbar-thumb{background:#4da1a966;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4da1a999}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.divider-warm{border-color:#ffffff1a}.amber-glow{box-shadow:0 0 30px 10px #f6ad554d}.text-primary{color:var(--color-primary)}.text-amber{color:var(--color-amber)}.text-cream{color:var(--color-soft-cream)}.text-muted{color:var(--color-muted-cream)}