*{margin:0;padding:0;box-sizing:border-box}:root{--brand-gold: #FFC107;--brand-gold-light: #FFD54F;--brand-gold-dark: #FFA000;--brand-black: #000000;--brand-black-light: #1A1A1A;--brand-gray: #2A2A2A;--brand-gray-light: #444444;--primary-gradient: linear-gradient(135deg, #FFC107 0%, #FFD54F 100%);--metallic-gradient: linear-gradient(145deg, #C0C0C0 0%, #808080 50%, #C0C0C0 100%);--racing-gradient: linear-gradient(90deg, #FFC107 0%, #000000 50%, #FFC107 100%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-gold: #FFC107;--bg-dark: #000000;--bg-gray: #0a0a0a;--bg-card: rgba(255, 193, 7, .05);--border-gold: rgba(255, 193, 7, .3)}body{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(255,193,7,.02) 100px,rgba(255,193,7,.02) 102px);pointer-events:none;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 25s ease-in-out infinite;pointer-events:none;z-index:0}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#ffc107,#ffa000);top:-300px;left:-300px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#ffd54f,#ffc107);bottom:-250px;right:-250px;animation-delay:10s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#ffa000,#ff6f00);top:50%;right:10%;animation-delay:17s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,-60px) scale(1.15)}50%{transform:translate(-50px,40px) scale(.95)}75%{transform:translate(40px,60px) scale(1.08)}}.header{position:relative;z-index:10;padding:2rem 2rem 1rem;text-align:center;animation:slideDown .8s ease-out;border-bottom:1px solid var(--border-gold);background:linear-gradient(180deg,#000000e6,#0000004d)}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.logo-container{max-width:400px;margin:0 auto;padding:1rem;border-radius:15px;background:#ffc1070d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-gold);transition:all .4s ease;animation:glow 3s ease-in-out infinite}.logo-container:hover{transform:translateY(-5px);border-color:var(--brand-gold);box-shadow:0 10px 40px #ffc1074d}@keyframes glow{0%,to{box-shadow:0 0 20px #ffc10733}50%{box-shadow:0 0 30px #ffc10766}}.logo{width:100%;height:auto;display:block;border-radius:10px}.content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;text-align:center}.video-section{width:100%;max-width:900px;margin:2rem auto;animation:fadeInUp 1s ease-out .3s backwards}.video-container{position:relative;border-radius:20px;overflow:hidden;background:var(--brand-black-light);border:3px solid var(--border-gold);box-shadow:0 10px 50px #00000080,0 0 30px #ffc10733,inset 0 0 20px #ffc1070d;transition:all .4s ease}.video-container:hover{border-color:var(--brand-gold);box-shadow:0 15px 60px #0009,0 0 40px #ffc10766,inset 0 0 30px #ffc1071a;transform:scale(1.02)}.video-container:before{content:"";position:absolute;inset:-2px;background:var(--racing-gradient);border-radius:20px;opacity:0;transition:opacity .4s ease;z-index:-1;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.video-container:hover:before{opacity:.3}video{width:100%;height:auto;display:block;background:#000;min-height:400px}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(135deg,#000000e6,#1a1a1ae6),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,193,7,.03) 10px,rgba(255,193,7,.03) 20px);padding:3rem;text-align:center}.video-icon{font-size:4rem;color:var(--brand-gold);margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.video-placeholder h3{font-family:Orbitron,monospace;font-size:1.5rem;color:var(--brand-gold);margin-bottom:.5rem;font-weight:700;letter-spacing:.1em}.video-placeholder p{color:var(--text-secondary);font-size:1rem;max-width:500px;line-height:1.6}.video-placeholder code{display:inline-block;background:#ffc1071a;padding:.25rem .75rem;border-radius:5px;color:var(--brand-gold-light);font-family:Courier New,monospace;margin-top:1rem;border:1px solid var(--border-gold)}.tagline-section{margin-top:2rem;animation:fadeInUp 1s ease-out .6s backwards}.tagline{font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.description{font-family:Rajdhani,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.speed-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.speed-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--brand-gold),transparent);opacity:0;animation:speedLine 3s linear infinite}.speed-line:nth-child(1){top:20%;animation-delay:0s}.speed-line:nth-child(2){top:40%;animation-delay:1s}.speed-line:nth-child(3){top:60%;animation-delay:2s}.speed-line:nth-child(4){top:80%;animation-delay:1.5s}@keyframes speedLine{0%{left:-100%;width:0%;opacity:0}10%{opacity:.5;width:30%}50%{opacity:.8;width:50%}90%{opacity:.3;width:20%}to{left:100%;opacity:0;width:0%}}@media(max-width:768px){.header{padding:1.5rem 1rem .75rem}.logo-container{max-width:280px;padding:.75rem}.content{padding:2rem 1rem}video,.video-placeholder{min-height:250px}.orb-1,.orb-2,.orb-3{filter:blur(70px)}.video-placeholder{padding:2rem 1rem}.video-icon{font-size:3rem}}
