@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Inter:wght@400;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02070d;color:#e9f4ff;font-family:Inter,Arial,sans-serif;background-image:radial-gradient(circle at 75% 20%,#071b38 0,transparent 32%),radial-gradient(circle at 15% 40%,#20040b 0,transparent 25%)}a{color:inherit;text-decoration:none}
.top{height:76px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:38px;padding:0 4%;background:rgba(2,7,13,.92);backdrop-filter:blur(15px);border-bottom:1px solid #17314b}.brand{display:flex;flex-direction:column;color:#fff;text-shadow:0 0 12px #29c7ff}.brand strong{font:900 23px Orbitron;color:#bdf4ff}.brand small{text-align:right}nav{display:flex;gap:28px;margin:auto}nav a{font-size:14px;color:#dce7ef}nav a:hover{color:#ff174d}.team{border:1px solid #2f8dff;border-left-color:#ff0051;border-radius:10px;padding:14px 20px;font:700 14px Orbitron;color:#ff5caa;box-shadow:0 0 14px #001f47}
.hero{min-height:585px;position:relative;overflow:hidden;border-bottom:1px solid #18334d;background:#02070d}.grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(20,100,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(20,100,160,.08) 1px,transparent 1px);background-size:44px 44px}
.hero-art{position:absolute;z-index:1;right:0;top:0;width:58%;height:100%;background:url('assets/hero-kof-cyber.jpg') center center/cover no-repeat;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);filter:saturate(1.08) contrast(1.05)}
.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02070d 0%,rgba(2,7,13,.86) 9%,rgba(2,7,13,.30) 28%,rgba(2,7,13,.03) 55%),linear-gradient(0deg,rgba(2,7,13,.45),transparent 35%)}
.hero-copy{position:relative;z-index:3;width:55%;padding:70px 4%}.eyebrow{letter-spacing:5px;font:600 12px Orbitron;color:#9fd9ff}.hero h1{font:900 clamp(48px,7vw,88px) Orbitron;margin:15px 0 0;color:#effcff;text-shadow:0 0 8px #fff,0 0 20px #00b8ff}.hero h2{font:900 clamp(34px,5vw,62px) Orbitron;font-style:italic;margin:-4px 0 10px;color:#f20b38;text-shadow:0 0 15px #720016}.kicker{font:600 12px Orbitron;letter-spacing:5px}.intro{max-width:650px;line-height:1.6;color:#d9e1e7;text-shadow:0 2px 8px #000}.intro b{color:#ff4d72}.actions{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.btn{padding:15px 22px;border-radius:9px;font-weight:700;transition:.2s ease}.whatsapp{background:linear-gradient(135deg,#0bbf58,#087c3c);border:1px solid #68ff9f;box-shadow:0 0 20px #0bbf5866}.whatsapp:hover{transform:translateY(-2px);box-shadow:0 0 28px #19e56f99}.whatsapp span{margin-left:20px}.ghost{border:1px solid #4ba8ff;background:#05101bcc}.ghost:hover{background:#0a1d30}.hero blockquote{margin:15px 0;color:#b8c8d8;font:16px Orbitron;line-height:1.5;text-shadow:0 2px 8px #000}
.cards{position:relative;z-index:3;margin:-1px 4% 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0 0 58px}.cards article{background:linear-gradient(145deg,#071323,#05080d);border:1px solid #185c92;border-radius:13px;padding:25px 22px;min-height:180px;box-shadow:0 15px 40px #0008}.cards article:nth-child(3),.cards article:nth-child(4){border-color:#8d1939}.cards i{font-size:28px;color:#77aaff}.cards h3{margin:12px 0}.cards p{font-size:14px;line-height:1.5;color:#cbd4dc}.cards a{font-weight:700;color:#35a8ff}.cards article:nth-child(n+3) a{color:#ff315d}
.community{text-align:center;padding:25px 4% 55px;border-top:1px solid #0e263b}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:35px}.features b{font-size:35px;color:#87b9e7}.features h4{font:700 12px Orbitron;letter-spacing:2px;color:#63bfff}.features p{font-size:14px;color:#d0d5db}
.signature{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px;padding:35px 5%;border-top:1px solid #17314b;border-bottom:1px solid #17314b;background:#030910}.signature>div:first-child{font:16px Orbitron;letter-spacing:4px;line-height:1.6}.anais{text-align:center;display:flex;flex-direction:column}.anais strong{font:italic 46px cursive;color:#d9d3ff;text-shadow:0 0 8px #843cff,0 0 18px #147cff}.anais small{font:10px Orbitron;letter-spacing:3px;color:#9ed9ff}.never{text-align:right;font:900 44px Orbitron;color:#f3133c;font-style:italic}.never span{display:block;font-size:16px}
footer{display:flex;gap:12px;align-items:center;padding:24px 4%;font-size:13px}footer b:first-child{color:#65c5ff}footer small{margin-left:auto;color:#8797a6}
@media(max-width:900px){nav{display:none}.top{gap:15px}.team{margin-left:auto}.hero-copy{width:100%;padding-top:55px}.hero-art{opacity:.35;width:100%;clip-path:none}.hero-art:before{background:linear-gradient(90deg,rgba(2,7,13,.92),rgba(2,7,13,.55)),linear-gradient(0deg,rgba(2,7,13,.7),transparent)}.cards,.features{grid-template-columns:1fr 1fr}.signature{grid-template-columns:1fr;text-align:center}.never{text-align:center}footer{flex-wrap:wrap}footer small{width:100%;margin:8px 0}.hero h1{font-size:52px}.hero h2{font-size:35px}}
@media(max-width:560px){.top{height:66px}.brand strong{font-size:17px}.team{font-size:10px;padding:11px}.hero-copy{padding:42px 5%}.hero h1{font-size:39px}.hero h2{font-size:28px}.kicker,.eyebrow{letter-spacing:2px}.actions .btn{width:100%;text-align:center}.cards,.features{grid-template-columns:1fr}.cards{margin:0 5%}.signature{padding:35px 7%}}