html{scroll-behavior:smooth}:root{--accent-50: #FBF6EA;--accent-100: #F5EBD2;--accent-200: #EDDAAC;--accent-300: #E2C47E;--accent-400: #D4A951;--accent-500: #B8862B;--accent-600: #9C6F1F;--accent-700: #7F5717;--accent-800: #644512;--accent-900: #4C3510;--accent2-400: #8A5A2B;--accent2-500: #6B4423;--accent2-600: #553520;--surface-900: #FFFBF2;--surface-800: #F7F1E4;--surface-700: #EFE6D0;--surface-600: #E0D2B4;--surface-500: #CBB894;--ink-50: #17100A;--ink-100: #241A0C;--ink-200: #332511;--ink-300: #3F2E15;--ink-400: #9A8462;--glass-bg: rgba(255, 251, 242, .8);--glass-border: rgba(184, 134, 43, .15);--glass-shadow: 0 4px 24px rgba(59, 42, 16, .08);--scrollbar-track: #EFE6D0;--selection-color: #FFFBF2;--gradient-accent: linear-gradient(135deg, #B8862B 0%, #B8862B 50%, #6B4423 100%);--gradient-accent-soft: linear-gradient(135deg, #EDDAAC 0%, #D4A951 50%, #9C6F1F 100%);--gradient-surface: linear-gradient(180deg, #F7F1E4 0%, #FFFBF2 100%);--gradient-accent2: linear-gradient(135deg, #8A5A2B 0%, #553520 100%)}.theme-dark{--accent2-400: #E0B87A;--accent2-500: #CE9C5E;--accent2-600: #B07E42;--surface-900: #1A1207;--surface-800: #241809;--surface-700: #2F2210;--surface-600: #3C2C15;--surface-500: #4A3819;--ink-50: #F7F1E4;--ink-100: #EFE6D0;--ink-200: #E0D2B4;--ink-300: #CBB894;--ink-400: #A8906E;--glass-bg: rgba(36, 24, 9, .78);--glass-border: rgba(212, 169, 81, .2);--glass-shadow: none;--scrollbar-track: #241809;--selection-color: #1A1207;--gradient-surface: linear-gradient(180deg, #241809 0%, #1A1207 100%)}::selection{background-color:#b8862b;color:var(--selection-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a951,#9c6f1f);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e2c47e,#b8862b)}@keyframes accentShimmer{0%{background-position:-200% center}to{background-position:200% center}}.accent-shimmer{background:linear-gradient(90deg,#b8862b,#e2c47e,#d4a951,#8a5a2b,#b8862b);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:accentShimmer 3s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-accent{0%,to{box-shadow:0 0 #b8862b66}50%{box-shadow:0 0 0 15px #b8862b00}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(184,134,43,.3))}50%{filter:drop-shadow(0 0 20px rgba(184,134,43,.6))}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-accent{animation:pulse-accent 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-fade-in-up,.animate-float,.animate-pulse-accent,.animate-glow,.accent-shimmer{animation:none}*{transition-duration:.01ms!important}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card-light{background:#fffbf2eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(184,134,43,.3)}.border-glow{position:relative}.border-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#b8862b,#b8862b,#8a5a2b);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.border-glow:hover:before{opacity:1}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #b8862b40;border-color:#b8862b!important}button:active{transform:scale(.98)}#mobile-menu .bg-dark{transition:transform .3s ease-out}#mobile-menu.hidden .bg-dark{transform:translate(100%)}@supports not (background-clip: text){.bg-clip-text{color:#b8862b}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #b8862b40}.text-accent-gradient{background:linear-gradient(135deg,#e2c47e,#b8862b,#9c6f1f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-accent{background:linear-gradient(135deg,#b8862b,#9c6f1f);color:#fffbf2;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.btn-accent:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-accent:hover:before{left:100%}.btn-accent:hover{box-shadow:0 10px 30px -10px #b8862b80;transform:translateY(-2px)}.divider-accent{height:1px;background:linear-gradient(90deg,transparent,#B8862B,transparent)}.bg-pattern-dots{background-image:radial-gradient(rgba(184,134,43,.1) 1px,transparent 1px);background-size:20px 20px}.bg-pattern-grid{background-image:linear-gradient(rgba(184,134,43,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(184,134,43,.06) 1px,transparent 1px);background-size:40px 40px}
