:root,[data-theme=dark],[data-theme=light]{--bg:#000;--fg:#fff;--mut:#bdbdbd;--card:#0b0b0b;--bd:#2a2a2a;--nav:#000;--a:#C8102E;--b:#C8102E;--sh:none;--y:#C8102E;--r:#C8102E}
body{background:#000!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='%23C8102E' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M0 40h60l20 20h80l20-20h60M40 0v60l20 20v80l-20 20v60M200 240v-50l-20-20H120M120 0v40'/%3E%3Ccircle cx='80' cy='60' r='4'/%3E%3Ccircle cx='160' cy='60' r='4'/%3E%3Ccircle cx='60' cy='160' r='4'/%3E%3Ccircle cx='120' cy='170' r='4'/%3E%3C/svg%3E")!important;color:#fff;font-family:Inter,system-ui,sans-serif}
a{color:var(--y)!important}
h1,h2,h3{font-family:"Arial Black","Archivo Black",Impact,system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.02em;line-height:1.02}
h2{font-size:clamp(1.6rem,4vw,2.6rem);border-left:10px solid var(--y);padding-left:14px}
h2:after{content:"";display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--r);margin-left:.3em;vertical-align:middle}
.nav{background:#000!important;border-bottom:3px solid var(--y)!important;backdrop-filter:none!important}
.logo{color:#fff!important;text-transform:uppercase;letter-spacing:.04em}
.logo i{background:var(--y)!important;color:#000!important;border-radius:50%!important;box-shadow:0 0 0 3px #000,0 0 0 5px var(--r)!important;font-weight:900}
.logo:after{content:"4070";color:var(--r);font-weight:900;margin-left:.15em}
.links a{color:#fff!important;text-transform:uppercase;font-size:.8rem!important;letter-spacing:.08em}
.links a:hover{color:var(--y)!important}
.lang{border:2px solid #fff!important;border-radius:0!important}.lang .on{background:var(--y)!important;color:#000!important}
.tt{display:none}
.hero{background:#000!important;text-align:left!important;padding:90px 24px 110px!important;border-bottom:3px solid var(--y);max-width:none}
.hero:before{background:none!important;content:""!important;position:absolute;right:-12vw;top:-10vw;width:min(70vw,620px);height:min(70vw,620px);inset:auto -8vw auto auto!important;border-radius:50%;background:var(--y)!important;opacity:1;z-index:0}
.hero:after{content:"";position:absolute;right:2vw;top:40px;width:min(55vw,460px);height:min(55vw,460px);z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23000' stroke-width='2.5'%3E%3Cpath d='M30 50L100 30L170 60M30 50L90 100L170 60M30 150L90 100L160 140M100 30L90 100L100 175M30 150L100 175L160 140M170 60L160 140'/%3E%3Cg fill='%23000'%3E%3Ccircle cx='30' cy='50' r='7'/%3E%3Ccircle cx='100' cy='30' r='7'/%3E%3Ccircle cx='170' cy='60' r='7'/%3E%3Ccircle cx='30' cy='150' r='7'/%3E%3Ccircle cx='100' cy='175' r='7'/%3E%3Ccircle cx='160' cy='140' r='7'/%3E%3C/g%3E%3Ccircle cx='90' cy='100' r='11' fill='%23C8102E' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
.hero>*{position:relative;z-index:2;max-width:760px}
.hero h1{font-size:clamp(2.4rem,7vw,5.4rem)!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;text-shadow:4px 4px 0 #000}
.hero p,.hero .sub{color:#e6e6e6!important;font-size:1.15rem}
.pill{background:var(--r)!important;color:#fff!important;border-radius:0!important;text-transform:uppercase;font-weight:800;letter-spacing:.1em}
.ctas{justify-content:flex-start!important}
.btn{border-radius:0!important;text-transform:uppercase;font-weight:900!important;letter-spacing:.06em;box-shadow:6px 6px 0 var(--r)!important;transition:transform .1s}
.btn:hover{transform:translate(-2px,-2px)}
.btn.p,.btn.p2{background:var(--y)!important;color:#000!important;border:2px solid var(--y)!important}
.btn.s{background:#000!important;color:#fff!important;border:2px solid #fff!important}
.card{background:#0b0b0b!important;border:2px solid #fff!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;position:relative}
.card:hover{border-color:var(--y)!important;box-shadow:8px 8px 0 var(--y)!important}
.card .ic{background:var(--y)!important;color:#000!important;border-radius:50%!important}
.card h3{color:#fff}
.more{color:var(--y)!important;font-weight:800;text-transform:uppercase;font-size:.8rem}
.card.quiz{border:3px solid var(--y)!important;box-shadow:12px 12px 0 var(--r)!important}
.opt{background:#000!important;color:#fff!important;border:2px solid #444!important;border-radius:0!important}
.opt:hover,.opt.sel{border-color:var(--y)!important;background:#1a0000!important}
.bar{background:#222!important;border-radius:0!important}.bar>*{background:var(--y)!important;border-radius:0!important}
.step .n{background:var(--r)!important;color:#fff!important;border-radius:50%!important;font-family:"Arial Black",sans-serif}
.price{color:var(--y)!important;font-family:"Arial Black",sans-serif;font-size:1.6rem}
.prod{border-color:var(--y)!important}
.art,.bc{color:#ddd}.art h1{font-size:clamp(2rem,5vw,3.6rem);border-bottom:6px solid var(--y);padding-bottom:16px}
.art table{border-collapse:collapse}.art th{background:var(--y);color:#000}.art td,.art th{border:1px solid #333;padding:8px}
.sec{border-top:1px solid #222}
footer{background:#000!important;border-top:3px solid var(--y)!important;color:#999!important}
@media(max-width:600px){.hero{padding:60px 18px 80px!important}.hero:before{width:85vw;height:85vw;right:-30vw;top:-20vw}.hero:after{width:60vw;height:60vw;right:-10vw;top:10px;opacity:.5}}
.hero>*{margin-left:max(0px,calc((100vw - 1120px)/2))!important;margin-right:auto!important;text-align:left!important}
.hero p,.hero .sub{padding:0!important;max-width:560px}
@media(max-width:600px){.hero:before{inset:auto -25vw -25vw auto!important;width:70vw;height:70vw;top:auto}.hero:after{display:none}.hero{padding-bottom:140px!important}}
