@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:30 100% 98%;--foreground:30 30% 10%;--card:30 100% 98%;--card-foreground:30 30% 10%;--popover:30 100% 98%;--popover-foreground:30 30% 10%;--primary:28 100% 50%;--primary-foreground:30 80% 90%;--secondary:30 10% 90%;--secondary-foreground:30 30% 10%;--muted:30 10% 20%;--muted-foreground:30 80% 90%;--accent:28 100% 50%;--accent-foreground:30 80% 90%;--destructive:0 100% 50%;--destructive-foreground:30 80% 90%;--border:30 20% 80%;--input:30 20% 80%;--ring:28 100% 50%;--radius:0.5rem}.dark{--background:30 30% 5%;--foreground:30 80% 90%;--card:30 30% 5%;--card-foreground:30 80% 90%;--popover:30 30% 5%;--popover-foreground:30 80% 90%;--primary:28 100% 50%;--primary-foreground:30 80% 90%;--secondary:30 30% 15%;--secondary-foreground:30 80% 90%;--muted:30 30% 15%;--muted-foreground:30 80% 90%;--accent:28 100% 50%;--accent-foreground:30 80% 90%;--destructive:0 100% 50%;--destructive-foreground:30 80% 90%;--border:30 30% 20%;--input:30 30% 20%;--ring:28 100% 50%}*,body{@apply bg-background text-cream}html{scroll-behavior:smooth;height:100%}body{min-height:100%}body,main,section{display:flex;flex-direction:column}section{justify-content:center}}@layer components{.btn-primary{@apply bg-primary text-cream hover:bg-primary/90 glow-button;position:relative;overflow:hidden;z-index:1;transition:color .3s ease}.btn-primary:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:#ffe8cd;transition:height .3s ease;z-index:-1}.btn-primary:hover{color:#000}.btn-primary:hover:before{height:100%}.discord-selector-active,.discord-selector-button,.discord-selector-button:hover,.discord-selector-inactive,.skill-card,.skill-card-badge,.skill-card-benefit,.skill-card-benefit-icon,.skill-card-cta,.skill-card-hover,.skill-card-icon,.skill-card-testimonial{@apply mt-4 bg-black/30 p-3 rounded-lg text-xs italic text-cream/80}}.glow-button{box-shadow:0 0 15px rgba(255,232,205,.4);transition:all .3s ease}.glow-button:hover{box-shadow:0 0 25px rgba(255,232,205,.6),0 0 5px rgba(255,232,205,.8);animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 15px rgba(255,232,205,.4)}50%{box-shadow:0 0 25px rgba(255,232,205,.6),0 0 5px rgba(255,232,205,.8)}to{box-shadow:0 0 15px rgba(255,232,205,.4)}}.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}header nav a{transition:background-color .2s ease}@media (max-width:768px){header>div:last-child{animation:slideDown .3s ease forwards}}.container{width:100%;margin-left:auto;margin-right:auto}@media (min-width:1280px){.container{max-width:1200px}}@keyframes floatButton{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.discord-selector-float{animation:floatButton 3s ease-in-out infinite}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bg-discord-primary,.text-discord-primary{transition:all .2s ease}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-15px) translateX(15px)}50%{transform:translateY(-25px) translateX(0)}75%{transform:translateY(-15px) translateX(-15px)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes pulse-slow{0%,to{opacity:1;text-shadow:0 0 15px rgba(255,114,0,.5)}50%{opacity:.9;text-shadow:0 0 25px rgba(255,114,0,.8),0 0 5px rgba(255,114,0,.4)}}@keyframes gradient-x{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-pulse-slow{animation:pulse-slow 3s infinite}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 15s ease infinite}.glow-text{text-shadow:0 0 15px rgba(255,114,0,.6)}.modern-glow{color:#fff;text-shadow:0 0 1px hsla(0,0%,100%,.5),0 0 10px rgba(255,114,0,.3),0 0 20px rgba(255,114,0,.2);background:linear-gradient(90deg,#fff,#ff7200,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;animation:subtle-glow 3s ease-in-out infinite alternate}@keyframes subtle-glow{0%{text-shadow:0 0 1px hsla(0,0%,100%,.5),0 0 10px rgba(255,114,0,.3),0 0 20px rgba(255,114,0,.2)}to{text-shadow:0 0 2px hsla(0,0%,100%,.7),0 0 15px rgba(255,114,0,.5),0 0 30px rgba(255,114,0,.3)}}.modern-button{position:relative;padding:1.5rem 3rem;background:linear-gradient(45deg,red,#ff5e00);border:none;border-radius:50px;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 20px rgba(255,0,0,.3);transform:translateY(0)}.modern-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s ease}.modern-button:hover{transform:translateY(-5px);box-shadow:0 15px 25px rgba(255,0,0,.4)}.modern-button:hover:before{left:100%}.button-content{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.shop-now-button{position:relative;overflow:hidden;z-index:1;transition:color .3s ease}.shop-now-button:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:#ffe8cd;transition:height .3s ease;z-index:-1}.shop-now-button:hover{color:#000}.shop-now-button:hover:before{height:100%}.youtube-container{position:relative;pointer-events:none}.youtube-container iframe{pointer-events:auto}@media (max-width:768px){.youtube-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none}}@supports (-webkit-touch-callout:none){.scrollbar-hide{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth}.scrollbar-hide>*{scroll-snap-align:start;flex-shrink:0}}.scrollbar-hide{will-change:transform,scroll-position;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}