::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#dc2626;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b91c1c}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-15px)}70%{transform:translateY(-7px)}90%{transform:translateY(-3px)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-slide-in-left{animation:slideInLeft .8s ease-out}.animate-slide-in-right{animation:slideInRight .8s ease-out}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}.animate-bounce-slow{animation:bounce 2s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-gradient{background:linear-gradient(135deg,#dc2626,#b91c1c);position:relative;overflow:hidden}.btn-gradient: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}.btn-gradient:hover:before{left:100%}::selection{background:#dc2626;color:#fff}::-moz-selection{background:#dc2626;color:#fff}*:focus{outline:2px solid #dc2626;outline-offset:2px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.animate-pulse,.animate-bounce,.animate-spin,.animate-ping,.animate-fade-in-up,.animate-slide-in-left,.animate-slide-in-right,.animate-pulse-slow,.animate-bounce-slow{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.transition-all{transition-property:transform,opacity,background-color,border-color;transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-duration:.2s;will-change:transform,opacity}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-duration:.15s;will-change:background-color,border-color,color}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-duration:.2s;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.card-hover,.group{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}img,video{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bg-gradient-to-r,.bg-gradient-to-br,.bg-gradient-to-bl{will-change:background;transform:translateZ(0);-webkit-transform:translateZ(0)}@media (max-width: 768px){.text-5xl{font-size:2.5rem}.text-6xl{font-size:3rem}.text-7xl{font-size:3.5rem}}.loading{opacity:.5;pointer-events:none}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #dc262633}@media (max-width: 640px){.grid{gap:1rem}}.btn-primary{background:linear-gradient(to right,#ef4444,#dc2626);color:#fff;font-weight:700;padding:1rem 2rem;border-radius:.5rem;transition:all .3s ease;transform:scale(1);box-shadow:0 10px 15px -3px #0000001a}.btn-primary:hover{background:linear-gradient(to right,#dc2626,#b91c1c);transform:scale(1.05);box-shadow:0 20px 25px -5px #dc262640}.btn-secondary{background:transparent;border:2px solid white;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:.5rem;transition:all .3s ease;transform:scale(1)}.btn-secondary:hover{background:#fff;color:#000;transform:scale(1.05)}.icon-rotate{transition:transform .3s ease}.icon-rotate:hover{transform:rotate(15deg)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.text-gray-300{color:#fff}.text-gray-400{color:#d1d5db}.border-red-500\/30{border-color:#dc2626}}@media (prefers-color-scheme: dark){body{color-scheme:dark}}
