*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%;width:100%;background:#050505}body{font-family:Raleway,sans-serif;color:#fff;overflow-x:hidden}:root{--app-bg: #050505;--app-bg-soft: #101010;--app-surface: rgba(14, 14, 14, .92);--app-surface-strong: rgba(10, 10, 10, .96);--app-surface-soft: rgba(255, 255, 255, .03);--app-border: rgba(255, 255, 255, .07);--app-border-strong: #232323;--app-text: #ffffff;--app-text-soft: #d0d0d0;--app-text-muted: #8f8f8f;--app-accent: #ffd400;--app-accent-soft: rgba(255, 212, 0, .1);--app-nav-bg: rgba(10, 10, 10, .88);--app-header-glass: rgba(10, 10, 10, .72);--app-shadow: 0 18px 44px rgba(0, 0, 0, .34)}@media (prefers-color-scheme: light){:root{--app-bg: #f6f2e8;--app-bg-soft: #ffffff;--app-surface: rgba(255, 255, 255, .88);--app-surface-strong: rgba(255, 255, 255, .96);--app-surface-soft: rgba(255, 255, 255, .72);--app-border: rgba(20, 20, 20, .08);--app-border-strong: rgba(20, 20, 20, .1);--app-text: #121212;--app-text-soft: #2b2b2b;--app-text-muted: #6f6a63;--app-accent: #d6a800;--app-accent-soft: rgba(214, 168, 0, .12);--app-nav-bg: rgba(255, 255, 255, .82);--app-header-glass: rgba(255, 255, 255, .68);--app-shadow: 0 18px 40px rgba(117, 94, 44, .12)}}#root{width:100%}h1,h2,h3,h4,p{margin-top:0}button,a{-webkit-tap-highlight-color:transparent}@keyframes toastIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-enter{animation:toastIn .35s ease forwards}.toast-progress{animation:toastProgress 3s linear forwards;transform-origin:left center}.glow-btn,button,a{transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1),opacity .32s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.glow-btn:hover,button:hover,a:hover{filter:brightness(1.02)}.glow-btn:active,button:active,a:active{transform:scale(.992);filter:brightness(1.04)}.glow-yellow:active{box-shadow:0 0 18px #ffd40073}.glow-white:active{box-shadow:0 0 18px #ffffff38}.glow-dark:active{box-shadow:0 0 18px #ffffff1f}.glow-red:active{box-shadow:0 0 18px #ff4d4f59}@keyframes appleFloat1{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(18px,12px,0) scale(1.03)}50%{transform:translate3d(38px,28px,0) scale(1.07)}75%{transform:translate3d(16px,18px,0) scale(1.03)}to{transform:translateZ(0) scale(1)}}@keyframes appleFloat2{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(-16px,10px,0) scale(1.02)}50%{transform:translate3d(-34px,22px,0) scale(1.06)}75%{transform:translate3d(-12px,14px,0) scale(1.03)}to{transform:translateZ(0) scale(1)}}@keyframes appleFloat3{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(10px,-10px,0) scale(1.02)}50%{transform:translate3d(22px,-24px,0) scale(1.05)}75%{transform:translate3d(8px,-12px,0) scale(1.02)}to{transform:translateZ(0) scale(1)}}@media (max-width: 768px){html,body,#root{width:100%;overflow-x:hidden}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@keyframes toastInOut{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(6px)}12%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}82%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(10px) scale(.98);filter:blur(4px)}}@keyframes yellowFloatOne{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(40px,18px,0) scale(1.08)}50%{transform:translate3d(18px,52px,0) scale(.96)}75%{transform:translate3d(-24px,28px,0) scale(1.04)}to{transform:translateZ(0) scale(1)}}@keyframes yellowFloatTwo{0%{transform:translateZ(0) scale(1)}20%{transform:translate3d(-26px,22px,0) scale(1.05)}50%{transform:translate3d(-40px,56px,0) scale(.94)}80%{transform:translate3d(12px,18px,0) scale(1.02)}to{transform:translateZ(0) scale(1)}}@keyframes yellowFloatThree{0%{transform:translateZ(0) scale(1)}33%{transform:translate3d(20px,-18px,0) scale(1.03)}66%{transform:translate3d(-14px,14px,0) scale(.97)}to{transform:translateZ(0) scale(1)}}@media (max-width: 768px){.glow-btn,button,a{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1),opacity .36s ease}.glow-btn:active,button:active,a:active{transform:none;filter:brightness(1.02)}}}