@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Inter:wght@400;500;700&display=swap');
:root{--bg:#03050d;--panel:#080d1b;--orange:#ff5c00;--cyan:#00eaff;--pink:#ff24c8;--green:#75ff45;--text:#f3f7ff;--muted:#8d9ab5;--line:#17314b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,#101536 0,#03050d 35%),#03050d;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit}header{position:sticky;top:0;z-index:20;background:#03050de8;backdrop-filter:blur(16px);border-bottom:1px solid #00eaff22}.nav{max-width:1240px;margin:auto;min-height:76px;padding:0 24px;display:flex;align-items:center;gap:20px}.logo{font-family:Orbitron;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:1px}.logo span{color:var(--orange);text-shadow:0 0 12px var(--orange)}nav{display:flex;gap:2px;flex:1;justify-content:center}nav a{padding:9px 11px;color:#8190aa;text-decoration:none;font-size:13px;border-radius:7px}nav a:hover,nav .active{color:#fff;background:#0d1a2d;box-shadow:inset 0 0 0 1px #00eaff33}.tg{font-weight:700;text-decoration:none;padding:10px 15px;border:1px solid var(--cyan);border-radius:8px;color:var(--cyan)!important;box-shadow:0 0 16px #00eaff22}.wrap{max-width:1240px;margin:auto;padding:0 24px}.hero{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.kicker{font-family:Orbitron;color:var(--cyan);font-size:11px;letter-spacing:3px}.hero h1,.page h1{font-family:Orbitron;line-height:.95;letter-spacing:-3px}.hero h1{font-size:clamp(48px,7vw,92px);margin:20px 0}.hero h1 .o{color:var(--orange);text-shadow:0 0 18px #ff5c0080}.hero h1 .c{color:var(--cyan);text-shadow:0 0 18px #00eaff70}.hero p{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 18px;border-radius:8px;text-decoration:none;font-weight:700;border:1px solid var(--line)}.btn.orange{background:var(--orange);color:#080808;box-shadow:0 0 25px #ff5c0060;border-color:var(--orange)}.btn.cyan{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 20px #00eaff25}.orb{position:relative;width:410px;height:410px;margin:auto;border-radius:50%;border:2px solid var(--orange);box-shadow:0 0 35px #ff5c0050,0 0 100px #ff5c0020 inset;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#20130b 0,#080c18 58%,#03050d 70%)}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;border:1px solid var(--cyan);inset:25px;transform:rotate(25deg)}.orb:after{inset:55px;border-color:var(--pink);transform:rotate(-35deg)}.mandarin{font-size:150px;filter:drop-shadow(0 0 25px #ff5c00)}.status{position:absolute;right:-15px;top:55px;background:#07151a;border:1px solid var(--green);color:var(--green);padding:9px 13px;border-radius:7px;font:700 11px Orbitron;box-shadow:0 0 18px #75ff4530}.vpn-card{position:absolute;left:-35px;bottom:45px;background:#070d18e8;border:1px solid #00eaff66;padding:15px 18px;border-radius:9px;box-shadow:0 0 25px #00eaff20;font-family:Orbitron;font-size:11px}.vpn-card b{color:var(--cyan);display:block;margin-bottom:5px}.section{padding:80px 0}.section h2{font:700 clamp(34px,5vw,60px) Orbitron;margin:12px 0 35px}.cards,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.feature{background:linear-gradient(145deg,#0a1120,#050912);border:1px solid #17334b;border-radius:10px;padding:25px;box-shadow:0 10px 35px #0008}.card:hover,.feature:hover{border-color:#00eaff66;box-shadow:0 0 25px #00eaff15}.icon{font-size:35px}.card h3,.feature h2{font-family:Orbitron}.card p,.feature p,.intro{color:var(--muted)}.page{padding:90px 0 100px;min-height:calc(100vh - 150px)}.page h1{font-size:clamp(45px,7vw,82px);margin:18px 0 25px}.grid{grid-template-columns:repeat(2,1fr);margin-top:45px}.feature strong{color:var(--orange);font:11px Orbitron;letter-spacing:1px}.terminal{margin-top:35px;border:1px solid #00eaff55;border-radius:10px;background:#02060d;overflow:hidden;box-shadow:0 0 35px #00eaff12}.terminal-head{padding:10px 14px;border-bottom:1px solid #17314b;color:#687c98;font:11px Orbitron}.terminal-body{padding:22px;font:13px monospace;color:#9fffc7}.terminal-body span{color:var(--cyan)}.recipes .feature{min-height:270px}.recipe-emoji{font-size:55px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:45px 0}.shot{aspect-ratio:1;border-radius:10px;border:1px solid #17334b;background:radial-gradient(circle at 50% 35%,#251208,#080d19 60%);display:flex;align-items:center;justify-content:center;font-size:90px;position:relative;box-shadow:inset 0 0 35px #ff5c0010}.shot:nth-child(2n){background:radial-gradient(circle at 50% 35%,#09202a,#080d19 60%)}.shot small{position:absolute;bottom:10px;left:10px;color:#aab6c8;background:#03050ddd;padding:5px 8px;border-radius:5px;font:10px Orbitron}.vpn{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.phone{width:270px;height:490px;margin:auto;border:2px solid var(--cyan);border-radius:32px;background:#050914;box-shadow:0 0 35px #00eaff45;display:flex;flex-direction:column;padding:28px 20px}.phone .lock{font-size:55px;text-align:center;margin:25px 0}.phone .on{color:var(--green);font:700 14px Orbitron;text-align:center}.server{margin-top:25px;padding:13px;border:1px solid #17314b;border-radius:8px;font-size:12px;color:var(--muted)}.server b{color:white}.contact{max-width:700px}.input{display:block;width:100%;padding:14px;margin:10px 0;background:#050914;border:1px solid #17314b;border-radius:7px;color:white}.input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 15px #00eaff20}textarea.input{min-height:140px;resize:vertical}footer{border-top:1px solid #17314b;padding:30px 24px;text-align:center;color:#62718a;font-size:12px}footer a{color:var(--cyan)}@media(max-width:820px){
  body{font-size:15px;overflow-x:hidden}
  .nav{min-height:64px;padding:10px 16px;gap:10px;position:relative}
  .logo{font-size:16px}
  .menu-btn{display:flex;margin-left:auto;width:42px;height:42px;align-items:center;justify-content:center;background:#07101d;border:1px solid #00eaff55;border-radius:8px;color:var(--cyan);font-size:20px;cursor:pointer}
  nav{display:none;position:absolute;top:64px;left:12px;right:12px;padding:8px;background:#050914f7;border:1px solid #00eaff44;border-radius:10px;box-shadow:0 15px 35px #000b;flex-direction:column;gap:3px;z-index:30}
  nav.open{display:flex}
  nav a{font-size:14px;padding:13px 12px;min-height:44px;display:flex;align-items:center}
  .tg.mini{display:none}
  .wrap{padding:0 16px;width:100%}
  .hero{min-height:auto;grid-template-columns:1fr;gap:10px;padding:52px 0 70px}
  .kicker{font-size:9px;letter-spacing:2px}
  .hero h1{font-size:clamp(42px,14vw,70px);letter-spacing:-2px;margin:15px 0 18px;line-height:.96}
  .hero p{font-size:16px;line-height:1.65}
  .actions{margin-top:24px;display:grid;grid-template-columns:1fr;gap:10px}
  .btn{width:100%;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px 16px}
  .visual{height:330px;margin-top:5px}
  .orb{width:min(78vw,300px);height:min(78vw,300px)}
  .mandarin{font-size:105px}
  .status{right:-5px;top:25px;font-size:9px;padding:8px 10px}
  .vpn-card{left:-8px;bottom:25px;font-size:9px;padding:12px 13px}
  .section{padding:55px 0}
  .section h2{font-size:clamp(31px,10vw,48px);letter-spacing:-2px;margin-bottom:25px}
  .cards,.grid{grid-template-columns:1fr;gap:12px}
  .card,.feature{padding:21px;border-radius:9px}
  .card{min-height:0}
  .card h3,.feature h2{font-size:22px}
  .page{padding:58px 0 70px;min-height:auto}
  .page h1{font-size:clamp(40px,12vw,62px);letter-spacing:-2px;margin:14px 0 20px}
  .intro{font-size:16px;line-height:1.65}
  .grid{margin-top:30px}
  .terminal{margin-top:24px;overflow-x:auto}
  .terminal-body{font-size:11px;white-space:nowrap}
  .vpn{grid-template-columns:1fr;gap:35px}
  .phone{width:min(78vw,270px);height:440px;padding:24px 17px}
  .phone .lock{font-size:45px;margin:20px 0}
  .gallery{grid-template-columns:1fr 1fr;gap:9px;margin:30px 0}
  .shot{font-size:58px;min-width:0}
  .shot small{font-size:8px;left:7px;bottom:7px;padding:4px 6px}
  footer{padding:25px 16px;font-size:11px}
}
@media(max-width:420px){
  .hero{padding-top:42px}
  .hero h1{font-size:43px}
  .visual{height:285px}
  .orb{width:250px;height:250px}
  .mandarin{font-size:90px}
  .status{top:15px}
  .vpn-card{bottom:15px;left:0}
  .gallery{grid-template-columns:1fr}
  .shot{aspect-ratio:1.25;font-size:72px}
}
@media(min-width:821px){.menu-btn{display:none}}