:root{--flash-red:#CC0000;--flash-yellow:#FFD700;--live-red:#FF3333;--success:#22C55E;--background:#0A0A0A;--foreground:#FFFFFF;--card:#111111;--card-border:#1E1E1E;--surface:#161616;--text-muted:#888888;--text-dim:#555555;--shadow-red-glow:0 0 30px rgba(204,0,0,0.4);--shadow-red-strong:0 0 60px rgba(204,0,0,0.55);}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#0A0A0A;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0;}
::selection{background:#CC0000;color:#fff;}
section{scroll-margin-top:80px;}
h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",system-ui,sans-serif;font-weight:800;letter-spacing:-0.02em;margin:0;}
p{margin:0;}a{text-decoration:none;}img{display:block;}ul{margin:0;padding:0;list-style:none;}
.container-page{max-width:1240px;margin-inline:auto;padding-inline:1.5rem;}
.text-flash-red{color:#CC0000;}.bg-flash-red{background:#CC0000;}
.text-flash-yellow{color:#FFD700;}.bg-flash-yellow{background:#FFD700;}
.text-text-muted{color:#888;}.text-text-dim{color:#555;}
.text-success{color:#22C55E;}.bg-success{background:#22C55E;}
.shadow-red-glow{box-shadow:var(--shadow-red-glow);}
.shadow-red-strong{box-shadow:var(--shadow-red-strong);}
.text-glow-yellow{text-shadow:0 0 30px rgba(255,215,0,.5);}
.text-glow-red{text-shadow:0 0 24px rgba(204,0,0,.7);}
.text-glow-yellow-strong{text-shadow:0 0 40px rgba(255,215,0,.5),0 0 80px rgba(255,215,0,.25);}
.bg-radial-red{background:radial-gradient(circle at bottom left,rgba(204,0,0,.25),transparent 60%);}
.hero-text-glow{background:radial-gradient(ellipse at 20% 50%,rgba(204,0,0,.18) 0%,transparent 60%);}
.font-display{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",system-ui,sans-serif;font-weight:800;letter-spacing:-0.02em;}
.font-mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;}
.section-h2{font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-0.025em;color:#fff;}
.hero-scanlines{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);opacity:.6;}
@keyframes spark-slide{0%{background-position:-200% 0}100%{background-position:200% 0}}
.spark-line{height:1px;width:100%;background:linear-gradient(90deg,transparent 0%,#FFD700 30%,#fff 50%,#FFD700 70%,transparent 100%);background-size:50% 100%;background-repeat:no-repeat;animation:spark-slide 2.6s ease-in-out infinite;opacity:.7;}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out;}
.reveal.in-view{opacity:1;transform:translateY(0);}
@keyframes pulse-red{0%,100%{box-shadow:0 0 0 0 rgba(204,0,0,.6),0 0 30px rgba(204,0,0,.4)}50%{box-shadow:0 0 0 10px rgba(204,0,0,0),0 0 40px rgba(204,0,0,.6)}}
.animate-pulse-red{animation:pulse-red 2.4s ease-in-out infinite;}
@keyframes live-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}
.animate-live-dot{animation:live-dot 1.4s ease-in-out infinite;}
@keyframes nav-bounce{0%,92%,100%{transform:translateY(0)}94%{transform:translateY(-3px)}96%{transform:translateY(0)}98%{transform:translateY(-2px)}}
.animate-nav-bounce{animation:nav-bounce 8s ease-in-out infinite;}
@keyframes flash-streak{0%{transform:translateX(-110%) skewX(-20deg);opacity:0}20%{opacity:1}100%{transform:translateX(110%) skewX(-20deg);opacity:0}}
.animate-flash-streak{animation:flash-streak 1.1s ease-out forwards;}
@keyframes slide-in-left{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
.animate-slide-in-left{animation:slide-in-left .6s ease-out forwards;}
@keyframes float{0%,100%{transform:translateY(-10px)}50%{transform:translateY(0)}}
.animate-float{animation:float 4s ease-in-out infinite;}
@keyframes loader-fade-out{from{opacity:1}to{opacity:0}}
#flash-loader{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden;}
#flash-loader-bg{position:absolute;inset:0;background:#000;animation:loader-fade-out .9s ease-out .2s forwards;}
#flash-loader-streak{position:absolute;top:50%;left:0;right:0;height:128px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#FFD700 40%,white 50%,#CC0000 60%,transparent);filter:blur(2px);animation:flash-streak 1.1s ease-out forwards;}
.btn-primary{background:linear-gradient(135deg,#CC0000,#ff2020);color:#fff;font-family:inherit;font-weight:700;font-size:15px;padding:14px 28px;border-radius:10px;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em;transition:transform .18s ease,box-shadow .25s ease,filter .2s ease;box-shadow:0 4px 24px rgba(204,0,0,.5);border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 32px rgba(204,0,0,.7);}
.btn-secondary{background:transparent;color:#fff;font-family:inherit;font-weight:700;font-size:15px;padding:14px 28px;border-radius:10px;border:1px solid #2a2a2a;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;cursor:pointer;}
.btn-secondary:hover{border-color:#CC0000;background:rgba(204,0,0,.08);box-shadow:0 0 24px rgba(204,0,0,.3);}
.pill{display:inline-flex;align-items:center;gap:.45rem;padding:4px 14px;border-radius:999px;background:rgba(204,0,0,.15);color:#FFD700;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:1px solid rgba(204,0,0,.4);}
.card-dark{background:#0f0f0f;border:1px solid #1f1f1f;border-top:1px solid #2a2a2a;border-radius:16px;transition:border-color .25s ease,box-shadow .25s ease;}
.card-dark:hover{border-color:#CC0000;box-shadow:0 0 20px rgba(204,0,0,.2);}
.portfolio-card{transition:border-color .2s ease,box-shadow .25s ease;}
.portfolio-card:hover{border-color:#CC0000!important;box-shadow:0 0 16px rgba(204,0,0,.2);}
.portfolio-card:hover .portfolio-arrow{color:#CC0000!important;}
.portfolio-card .img-wrapper img{transition:transform .3s ease;}
.portfolio-card:hover .img-wrapper img{transform:scale(1.05);}
.faq-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease-out,opacity .3s ease-out;}
.faq-item.open .faq-content{max-height:600px;opacity:1;}
.faq-icon-minus{display:none;}
.faq-item.open .faq-icon-plus{display:none;}
.faq-item.open .faq-icon-minus{display:flex;}
#lang-dropdown,#lang-dropdown-mobile{display:none;}
#lang-dropdown.open,#lang-dropdown-mobile.open{display:block;}
.lang-option{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;border-left:3px solid transparent;background:transparent;color:#fff;font-size:13px;width:100%;text-align:left;cursor:pointer;border-top:none;border-right:none;border-bottom:none;transition:background .15s;}
.lang-option:hover{background:#1a1a1a;}
.lang-option.active{border-left-color:#CC0000;background:#1a1a1a;font-weight:600;}
#nav-inner.scrolled{background:rgba(10,10,10,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #1a1a1a;}
#mobile-menu{display:none;}
#mobile-menu.open{display:block;}
[data-lucide]{display:inline-block;vertical-align:middle;flex-shrink:0;}