:root{--tf-dark: #0a0e14;--tf-midnight: #0d1520;--tf-steel: #1a2433;--tf-chrome: #3d4f5f;--tf-silver: #8899aa;--tf-autobot-blue: #2563eb;--tf-autobot-glow: #60a5fa;--tf-decepticon-red: #dc2626;--tf-decepticon-glow: #f87171;--tf-energon: #a855f7;--tf-spark: #fbbf24;--tf-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);--tf-gradient-red: linear-gradient(135deg, #dc2626 0%, #ef4444 50%, #f87171 100%);--tf-metal: linear-gradient(180deg, #1a2433 0%, #0d1520 50%, #0a0e14 100%);--tf-energon-glow: linear-gradient(135deg, #2563eb 0%, #a855f7 50%, #dc2626 100%)}.main-wrapper{background:var(--tf-metal)!important;position:relative}.main-wrapper:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(37,99,235,.08) 0%,transparent 25%),radial-gradient(circle at 90% 80%,rgba(220,38,38,.08) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.03) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0 L30 60 M0 30 L60 30' fill='none' stroke='rgba(61,79,95,0.15)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,100% 100%,60px 60px;pointer-events:none;z-index:0}.main-wrapper:after{content:"";position:fixed;bottom:0;left:0;right:0;height:300px;background:linear-gradient(0deg,rgba(168,85,247,.05) 0%,transparent 100%);pointer-events:none;z-index:0}.transformers-hero{background:radial-gradient(ellipse at 50% -30%,rgba(37,99,235,.3) 0%,transparent 50%),radial-gradient(ellipse at 30% 20%,rgba(168,85,247,.15) 0%,transparent 40%),radial-gradient(ellipse at 70% 30%,rgba(220,38,38,.1) 0%,transparent 35%),radial-gradient(ellipse at 20% 70%,rgba(37,99,235,.2) 0%,transparent 40%),radial-gradient(ellipse at 80% 80%,rgba(220,38,38,.2) 0%,transparent 40%),linear-gradient(180deg,#0a0e14,#0d1520,#0a0e14);position:relative;overflow:hidden}.transformers-hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:200%;height:400px;background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,rgba(37,99,235,.05) 15deg,transparent 30deg,rgba(220,38,38,.03) 45deg,transparent 60deg,rgba(37,99,235,.05) 75deg,transparent 90deg);pointer-events:none;z-index:1;animation:energon-pulse 15s linear infinite}@keyframes energon-pulse{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.transformers-hero:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1000px;height:400px;background:radial-gradient(ellipse 80% 50% at center top,rgba(37,99,235,.15) 0%,transparent 70%),radial-gradient(ellipse 60% 30% at center top,rgba(168,85,247,.1) 0%,transparent 60%);pointer-events:none;z-index:1}#nav-spacer{height:48px!important}.text-charcoal-700,.text-charcoal-800{color:#fff!important}.text-charcoal-400,.text-charcoal-500,.text-charcoal-600{color:#ffffffb3!important}.text-coral-500,.text-coral-600{color:var(--tf-autobot-glow)!important}.text-sage-600,.text-sage-500{color:var(--tf-spark)!important}.bg-cream-100,.bg-cream-50{background:linear-gradient(180deg,var(--tf-dark) 0%,#0a1628 100%)!important}.bg-gradient-to-bl.from-coral-50\/50{background:transparent!important}.bg-coral-500,.bg-coral-600,[class*=bg-coral]{background:var(--tf-energon-glow)!important;border-color:var(--tf-spark)!important}.bg-coral-500:hover,.bg-coral-600:hover{box-shadow:0 0 30px #2563eb80!important}[style*="box-shadow: 5px 5px 0 0 #2D3047"]{box-shadow:0 4px #0000004d,0 0 20px #2563eb4d!important}.bg-white.text-coral-600{color:var(--tf-autobot-glow)!important;background:#2563eb1a!important;border:2px solid var(--tf-autobot-blue)!important}.bg-coral-100{background:#2563eb26!important;background-color:#2563eb26!important;color:var(--tf-autobot-glow)!important;border-color:transparent!important}.bg-white{background:linear-gradient(180deg,#1a2433e6,#0d1520f2)!important;border:1px solid rgba(61,79,95,.3)}.border-charcoal-700,.border-charcoal-200,.border-charcoal-100{border-color:#3d4f5f4d!important}.border-2.border-charcoal-700{border-color:var(--tf-autobot-blue)!important}.bg-coral-50{background:#2563eb26!important;border:1px solid rgba(37,99,235,.25)}.bg-sage-100,.bg-sage-50{background:#a855f726!important;border:1px solid rgba(168,85,247,.25)}.ring-coral-500,.ring-coral-400{--tw-ring-color: var(--tf-autobot-blue) !important}.bg-gradient-to-br.from-coral-500{background:var(--tf-energon-glow)!important}blockquote,.testimonial-card{background:linear-gradient(180deg,#1a2433e6,#0d1520f2)!important;border-color:#3d4f5f4d!important}section.bg-charcoal-700.text-white{background:linear-gradient(135deg,var(--tf-dark) 0%,#0d1a2d 100%)!important}section.bg-charcoal-700 blockquote{color:#fff!important;background:transparent!important}section.bg-charcoal-700 .text-coral-400{color:var(--tf-autobot-glow)!important}section.bg-charcoal-700 .text-charcoal-300{color:#fffc!important}section.bg-charcoal-700 .border-white\/10{border-color:#3d4f5f4d!important}footer{background:linear-gradient(180deg,var(--tf-dark) 0%,#050810 100%)!important;border-top:2px solid var(--tf-autobot-blue)}footer a{color:#fffc!important}footer a:hover{color:var(--tf-autobot-glow)!important}.gradient-text-autobot{background:var(--tf-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-decepticon{background:var(--tf-gradient-red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-energon{background:var(--tf-energon-glow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(168,85,247,.3))}.video-glow-tf{box-shadow:0 8px 40px #2563eb66,0 0 80px #dc262633,0 0 120px #a855f71a,inset 0 0 0 3px var(--tf-autobot-blue);border-radius:16px}::-moz-selection{background:var(--tf-autobot-blue);color:#fff}::selection{background:var(--tf-autobot-blue);color:#fff}.bg-charcoal-700 .text-charcoal-400,.bg-charcoal-700 .text-charcoal-300{color:#ffffffb3!important}.bg-charcoal-700 .text-coral-400{color:var(--tf-autobot-glow)!important}.style-card{background:linear-gradient(180deg,#1a2433e6,#0d1520f2);border:2px solid var(--tf-steel);transition:all .3s ease}.style-card:hover{border-color:var(--tf-autobot-blue);box-shadow:0 0 30px #2563eb4d;transform:translateY(-4px)}.tf-btn{background:var(--tf-energon-glow);border:3px solid var(--tf-spark);transition:all .3s ease}.tf-btn:hover{box-shadow:0 0 40px #2563eb99,0 0 60px #dc262666;transform:translateY(-2px)}.metal-card{background:linear-gradient(180deg,#1a2433f2,#0d1520fa);border:2px solid var(--tf-chrome);box-shadow:0 4px 20px #00000080}.metal-card:hover{border-color:var(--tf-autobot-blue);box-shadow:0 0 30px #2563eb40}.metal-divider{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0}.metal-bar{height:3px;flex:1;max-width:200px;background:linear-gradient(90deg,transparent 0%,var(--tf-chrome) 50%,transparent 100%)}.metal-badge{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,var(--tf-steel) 0%,var(--tf-midnight) 100%);border:3px solid var(--tf-autobot-blue);box-shadow:0 0 20px #2563eb66}@keyframes transform-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(37,99,235,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(168,85,247,.7))}}.transform-pulse{animation:transform-pulse 2s ease-in-out infinite}@keyframes gear-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gear-spin{animation:gear-spin 4s linear infinite}@keyframes energon-flow{0%,to{opacity:.5}50%{opacity:1}}.energon-flow{animation:energon-flow 1.5s ease-in-out infinite}.energon-glow{animation:energon-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(239,68,68,.6))}@keyframes energon-glow{0%,to{filter:drop-shadow(0 0 10px rgba(239,68,68,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(239,68,68,.8));transform:scale(1.1)}}