*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC','Inter',system-ui,sans-serif;background:#0b0b12;color:#e8e8ea;line-height:1.6;overflow-x:hidden;min-height:100vh}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
::selection{background:rgba(233,69,96,.3);color:#fff}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b0b12}::-webkit-scrollbar-thumb{background:rgba(233,69,96,.3);border-radius:4px}

:root{
  --bg:#0b0b12;--bg2:#12121c;--bg3:#1a1a28;--card:#141420;
  --tx:#e8e8ea;--tx2:#8888a0;--tx3:#5a5a70;
  --a1:#e94560;--a2:#ff6b6b;--a3:#0ea5e9;
  --g:rgba(233,69,96,.15);--b:rgba(255,255,255,.06);--ba:rgba(233,69,96,.2);
  --r:8px;--rl:12px;--rxl:16px;--w:1200px;
  --sh:0 0 0 1px var(--b),0 4px 24px rgba(0,0,0,.4);
  --m:'JetBrains Mono',monospace;
}
.c{max-width:var(--w);margin:0 auto;padding:0 24px}
@media(max-width:768px){.c{padding:0 16px}}

/* CURSOR GLOW */
#cr{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(233,69,96,.06) 0%,transparent 70%);pointer-events:none;z-index:0;transition:opacity .3s}

/* HEADER */
.hd{position:sticky;top:0;z-index:100;background:rgba(11,11,18,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--b)}
.hi{display:flex;align-items:center;justify-content:space-between;height:60px}
.lg{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;letter-spacing:-.5px}
.lg-i{width:30px;height:30px;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800;box-shadow:0 0 16px rgba(233,69,96,.2)}
.na{display:flex;align-items:center;gap:2px}
.na a{padding:6px 14px;font-size:13px;font-weight:500;color:var(--tx2);border-radius:6px;transition:all .2s;position:relative}
.na a:hover,.na a.ac{color:var(--tx);background:rgba(255,255,255,.04)}
.na a.ac::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:14px;height:2px;background:var(--a1);border-radius:2px}
.ha{display:flex;align-items:center;gap:8px}
.lang-tg{cursor:pointer;padding:5px 10px;font-size:11px;font-weight:700;font-family:var(--m);text-transform:uppercase;color:var(--tx2);border:1px solid var(--b);border-radius:6px;letter-spacing:.3px;transition:all .2s}
.lang-tg:hover{border-color:var(--a1);color:var(--a1)}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-family:'Noto Sans SC',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;border:none;outline:none}
.btn-p{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;box-shadow:0 0 16px rgba(233,69,96,.15)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(233,69,96,.3)}
.btn-g{background:transparent;color:var(--tx);border:1px solid var(--b)}
.btn-g:hover{background:rgba(255,255,255,.04)}
.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:11px 26px;font-size:14px}
.mt{display:none;width:36px;height:36px;border-radius:6px;background:transparent;border:1px solid var(--b);color:var(--tx);font-size:16px;cursor:pointer;align-items:center;justify-content:center}
.mn{display:none;position:absolute;top:60px;left:0;right:0;background:rgba(11,11,18,.98);padding:16px 24px 24px;border-bottom:1px solid var(--b)}
.mn.op{display:block}
.mn a{display:block;padding:12px 0;font-size:14px;font-weight:500;color:var(--tx2);border-bottom:1px solid var(--b)}
.mn a:last-child{border:none}
.mn .btn{display:flex;justify-content:center;margin-top:14px;width:100%}
@media(max-width:768px){.na,.ha .btn-g{display:none}.mt{display:flex}.bt-hide{display:none!important}}

/* SECTIONS */
.sec{padding:72px 0}@media(max-width:768px){.sec{padding:44px 0}}
.tg{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(233,69,96,.08);border:1px solid var(--ba);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--a1);margin-bottom:14px;font-family:var(--m)}
.tg .dt{width:5px;height:5px;border-radius:50%;background:var(--a1);animation:pd 2s ease-in-out infinite}
@keyframes pd{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.st{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-1.2px;margin-bottom:10px}
@media(max-width:768px){.st{font-size:26px;letter-spacing:-.8px}}
.st .g,.g-text{background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sb{font-size:15px;color:var(--tx2);max-width:520px;line-height:1.7}
.sc{text-align:center}.sc .sb{margin:0 auto}

/* HERO */
.hero{min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:40px 0}
.hb{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(233,69,96,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(14,165,233,.05) 0%,transparent 50%);pointer-events:none}
.hg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(233,69,96,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(233,69,96,.03) 1px,transparent 1px);background-size:80px 80px}
.hero .c{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
.hl{z-index:2}.hl h1{font-size:48px;font-weight:800;line-height:1.05;letter-spacing:-1.8px;margin-bottom:14px}
.hl h1 .h{background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hd2{font-size:16px;line-height:1.7;color:var(--tx2);margin-bottom:24px;max-width:460px}
.ha2{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.gi{display:flex;gap:12px;margin-bottom:28px}
.gi span{display:flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(255,255,255,.04);border:1px solid var(--b);border-radius:6px;font-size:11px;font-weight:600;font-family:var(--m);color:var(--tx2);letter-spacing:.3px}
.gi span img{width:18px;height:18px;border-radius:3px;object-fit:cover}
.hs{display:flex;gap:28px}
.hs .n{font-size:32px;font-weight:800;letter-spacing:-1.2px;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs .l{font-size:12px;color:var(--tx3);font-weight:500}
@media(max-width:900px){
  .hero .c{grid-template-columns:1fr;gap:32px;text-align:center}
  .hd2{margin:0 auto 24px}.ha2{justify-content:center}.hs{justify-content:center}.gi{justify-content:center}
  .hl h1{font-size:32px;letter-spacing:-1.2px}
}
.pr-g{display:flex;flex-direction:column;gap:6px;margin-top:24px}
.pr-r{display:flex;align-items:center;gap:10px}
.pr-b{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.pr-f{height:100%;border-radius:3px;background:linear-gradient(90deg,#e94560,#ff6b6b);transition:width 1s ease}
.pr-l{font-size:10px;font-family:var(--m);color:var(--tx2);white-space:nowrap;min-width:55px;text-align:right}
.pr-p{font-size:10px;font-weight:700;color:var(--a1);min-width:38px;text-align:right;font-family:var(--m)}
.pr-r .pr-n{font-size:10px;color:var(--tx3);font-family:var(--m);min-width:38px}
.hv{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}
.hv .himg{width:100%;max-width:460px;border-radius:var(--rl);border:1px solid var(--ba);object-fit:cover;aspect-ratio:16/9}
.ft{position:absolute;padding:7px 12px;background:rgba(20,20,32,.93);border:1px solid var(--ba);border-radius:var(--r);font-size:10px;font-weight:600;font-family:var(--m);backdrop-filter:blur(8px);display:flex;align-items:center;gap:5px;animation:fl 4s ease-in-out infinite;white-space:nowrap}
.ft .cd{width:5px;height:5px;border-radius:50%}
.ft.t1{top:8%;left:-8%;animation-delay:0s}.ft.t2{bottom:18%;right:-5%;animation-delay:1.5s}.ft.t3{top:45%;right:-10%;animation-delay:3s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* PRODUCT CARDS */
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.pc{background:var(--card);border:1px solid var(--b);border-radius:var(--rxl);overflow:hidden;transition:all .35s ease;transform-style:preserve-3d;perspective:800px}
.pc:hover{transform:translateY(-6px)rotateX(2deg)rotateY(-2deg);border-color:var(--ba);box-shadow:0 0 40px rgba(233,69,96,.12)}
.pim{height:170px;overflow:hidden;position:relative;background:linear-gradient(135deg,#141420,#1a1a2e)}
.pim img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:all .5s}
.pc:hover .pim img{opacity:.95;transform:scale(1.06)}
.pim .bd{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:3px;font-size:10px;font-weight:700;font-family:var(--m);text-transform:uppercase;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);letter-spacing:.3px}
.bd-en{color:#8888a0}.bd-mn{color:#88ccff}.bd-fl{color:#ffcc44}.bd-pr{color:#ff4400}
.pif{padding:16px 16px 18px}
.pif .sr{font-size:10px;font-weight:600;font-family:var(--m);text-transform:uppercase;letter-spacing:.5px;color:var(--a1);margin-bottom:2px}
.pif h3{font-size:16px;font-weight:700;letter-spacing:-.6px}
.pif .su{font-size:12px;color:var(--tx2);margin-bottom:4px}
.pif .pr{font-size:20px;font-weight:800;color:var(--a1);letter-spacing:-.8px;margin-bottom:6px}
.pif .sp{display:flex;flex-wrap:wrap;gap:3px}
.pif .sp span{padding:2px 7px;background:rgba(255,255,255,.04);border-radius:4px;font-size:10px;font-family:var(--m);color:var(--tx3)}
.pif .sp .ph{color:var(--a1);background:rgba(233,69,96,.08);border:1px solid rgba(233,69,96,.15)}
@media(max-width:1024px){.pg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.pg{grid-template-columns:1fr}}

/* FEATURE CARDS */
.fg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.fc{background:var(--card);border:1px solid var(--b);border-radius:var(--rl);padding:26px 20px;transition:all .3s}
.fc:hover{transform:translateY(-4px);border-color:var(--ba);box-shadow:0 0 30px var(--g)}
.fc .fi{font-size:26px;margin-bottom:10px}
.fc h3{font-size:16px;font-weight:700;margin-bottom:5px}
.fc p{font-size:13px;color:var(--tx2);line-height:1.7}
.fc .stg{display:inline-block;margin-top:8px;padding:3px 8px;background:rgba(255,255,255,.04);border-radius:4px;font-size:10px;font-family:var(--m);color:var(--tx3)}
@media(max-width:900px){.fg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.fg{grid-template-columns:1fr}}

/* POLLING CARDS */
.plg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.plc{background:var(--card);border:1px solid var(--b);border-radius:var(--rl);padding:26px 18px;text-align:center;transition:all .3s}
.plc.fd{border-color:var(--a1);box-shadow:0 0 30px var(--g)}
.plc:hover{transform:translateY(-4px);box-shadow:0 0 30px var(--g)}
.plc .rt{font-size:30px;font-weight:800;letter-spacing:-1.2px;margin-bottom:2px}
.plc .ru{font-size:13px;color:var(--tx2)}
.plc .pm{font-size:15px;font-weight:600;margin-bottom:3px;margin-top:6px}
.plc .pp{font-size:22px;font-weight:800;color:var(--a1);margin-top:6px}
.plc .pd{font-size:12px;color:var(--tx3);margin-top:4px}
.plc .pb{display:inline-block;padding:2px 10px;border-radius:3px;font-size:10px;font-weight:600;font-family:var(--m);text-transform:uppercase;background:rgba(233,69,96,.1);color:var(--a1);margin-top:8px}
@media(max-width:900px){.plg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.plg{grid-template-columns:1fr}}

/* GAME COMPAT */
.gmg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px}
.gmc{background:var(--card);border:1px solid var(--b);border-radius:var(--r);padding:20px 12px;text-align:center;transition:all .3s}
.gmc:hover{border-color:var(--ba);transform:translateY(-3px);box-shadow:0 0 20px var(--g)}
.gmc img{width:40px;height:40px;border-radius:6px;object-fit:cover;margin:0 auto 8px}
.gmc h4{font-size:12px;font-weight:600}.gmc .ch{font-size:10px;color:var(--tx3)}
@media(max-width:768px){.gmg{grid-template-columns:repeat(3,1fr)}}
@media(max-width:400px){.gmg{grid-template-columns:repeat(2,1fr)}}

/* REVIEWS */
.rwg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.rwc{background:var(--card);border:1px solid var(--b);border-radius:var(--rl);padding:22px;transition:all .3s}
.rwc:hover{border-color:var(--ba);box-shadow:0 0 20px var(--g)}
.rwc .rs{color:#f59e0b;font-size:13px;margin-bottom:8px;letter-spacing:1px}
.rwc blockquote{font-size:13px;line-height:1.7;color:var(--tx);margin-bottom:12px;font-style:italic}
.rw-au{display:flex;align-items:center;gap:10px}
.rw-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e94560,#ff6b6b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}
.rw-au .nm{font-size:13px;font-weight:600}
.rw-au .rl{font-size:11px;color:var(--tx3)}
@media(max-width:900px){.rwg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.rwg{grid-template-columns:1fr}}

/* RATING BARS */
.rtg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rtc{text-align:center;padding:20px;background:var(--card);border:1px solid var(--b);border-radius:var(--r)}
.rtc .rn{font-size:32px;font-weight:800;color:var(--a1)}
.rtc .rl{font-size:11px;color:var(--tx3);margin-top:2px}
@media(max-width:600px){.rtg{grid-template-columns:repeat(2,1fr)}}
.drg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;max-width:500px;margin-left:auto;margin-right:auto}
.dr{display:flex;align-items:center;gap:10px}
.dr .dl{font-size:12px;color:var(--tx2);min-width:90px}
.dr .db{flex:1;height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.dr .df{height:100%;border-radius:3px;background:linear-gradient(90deg,#e94560,#ff6b6b)}
.dr .dv{font-size:11px;font-family:var(--m);color:var(--a1);min-width:30px;text-align:right}
@media(max-width:400px){.drg{grid-template-columns:1fr}}

/* ABOUT */
.valg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.valc{background:var(--card);border:1px solid var(--b);border-radius:var(--rl);padding:26px 20px;transition:all .3s;text-align:center}
.valc:hover{border-color:var(--ba);box-shadow:0 0 30px var(--g);transform:translateY(-4px)}
.valc .vi{font-size:28px;margin-bottom:10px}
.valc h3{font-size:15px;font-weight:700;margin-bottom:5px}
.valc p{font-size:13px;color:var(--tx2);line-height:1.7}
@media(max-width:600px){.valg{grid-template-columns:1fr}}
.tlg{margin-top:36px;max-width:600px;margin-left:auto;margin-right:auto}
.tl{display:flex;gap:16px;padding-bottom:28px;position:relative}
.tl:not(:last-child)::before{content:'';position:absolute;left:10px;top:28px;bottom:0;width:1px;background:var(--b)}
.tld{width:22px;height:22px;border-radius:50%;background:var(--a1);display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700;flex-shrink:0;box-shadow:0 0 10px rgba(233,69,96,.2)}
.tlc h4{font-size:14px;font-weight:700;margin-bottom:3px}
.tlc p{font-size:12px;color:var(--tx2);line-height:1.6}
.tlc .td{font-size:10px;font-family:var(--m);color:var(--a1);margin-bottom:3px}

/* COMPARISON TABLE */
.ct{width:100%;border-collapse:separate;border-spacing:0;margin-top:32px;font-size:13px}
.ct th{padding:12px 12px;background:rgba(255,255,255,.03);text-align:center;font-size:10px;font-weight:700;font-family:var(--m);text-transform:uppercase;letter-spacing:.5px;color:var(--tx3);border-bottom:1px solid var(--b)}
.ct td{padding:12px 10px;text-align:center;border-bottom:1px solid var(--b);color:var(--tx2);font-size:12px}
.ct .hl td{background:rgba(233,69,96,.04);color:var(--tx)}
.ct .hl td:first-child{color:var(--a1);font-weight:700}
.ct td:first-child,.ct th:first-child{padding-left:16px;text-align:left;font-weight:600;color:var(--tx)}
@media(max-width:700px){.ct{font-size:11px}.ct th,.ct td{padding:8px 6px}}

/* STICK SPECIAL */
.stk-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.stk-card{background:var(--card);border:1px solid var(--b);border-radius:var(--rl);padding:24px 20px;text-align:center;transition:all .3s}
.stk-card:hover{border-color:var(--ba);box-shadow:0 0 25px var(--g);transform:translateY(-4px)}
.stk-card .si{font-size:28px;margin-bottom:8px}
.stk-card h4{font-size:15px;font-weight:700;margin-bottom:4px}
.stk-card p{font-size:12px;color:var(--tx2);line-height:1.6}
.stk-card .stg2{display:inline-block;margin-top:8px;padding:3px 10px;background:rgba(233,69,96,.08);border:1px solid rgba(233,69,96,.15);border-radius:3px;font-size:10px;font-weight:600;font-family:var(--m);color:var(--a1)}
@media(max-width:700px){.stk-g{grid-template-columns:1fr}}

/* P-HERO (page hero) */
.phero{padding:60px 0 40px;position:relative;overflow:hidden}
.phero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 30% 30%,rgba(233,69,96,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 70% 80%,rgba(14,165,233,.04) 0%,transparent 60%);pointer-events:none}
.phero .c{position:relative}
.phero h1{font-size:42px;font-weight:800;letter-spacing:-1.6px;line-height:1.05}
@media(max-width:768px){.phero{padding:36px 0 24px}.phero h1{font-size:28px;letter-spacing:-1px}}

/* CTA */
.cta{padding:72px 0;text-align:center;position:relative;overflow:hidden}
.cta-b{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(233,69,96,.06) 0%,transparent 70%);pointer-events:none}
.cta .c{position:relative}
.cta h2{font-size:36px;font-weight:800;letter-spacing:-1.2px;margin-bottom:10px}
.cta p{font-size:15px;color:var(--tx2);margin-bottom:24px}
.ct-tr{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.ct-tr span{font-size:12px;color:var(--tx3);display:flex;align-items:center;gap:5px}

/* FOOTER */
.ft2{padding:40px 0 28px;border-top:1px solid var(--b);background:var(--bg2)}
.fg2{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.fb2 p{font-size:12px;color:var(--tx2);line-height:1.7;max-width:260px;margin-top:8px}
.fcl h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--tx3);margin-bottom:12px}
.fcl a{display:block;font-size:13px;font-weight:500;color:var(--tx2);padding:4px 0;transition:color .2s}
.fcl a:hover{color:var(--tx)}
.ft-b{border-top:1px solid var(--b);padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--tx3)}
.fs{display:flex;gap:8px}
.fs a{width:30px;height:30px;border-radius:6px;border:1px solid var(--b);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--tx2);transition:all .2s}
.fs a:hover{background:var(--a1);color:#fff;border-color:var(--a1)}
@media(max-width:768px){.fg2{grid-template-columns:1fr 1fr;gap:24px}.ft-b{flex-direction:column;gap:10px;text-align:center}}
@media(max-width:480px){.fg2{grid-template-columns:1fr}}

/* MODAL */
.mo{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.mo.op{display:flex}
.mod{width:100%;max-width:440px;background:var(--bg2);border:1px solid var(--b);border-radius:var(--rxl);padding:32px 28px 24px;position:relative;animation:mm .3s ease;margin:auto}
@keyframes mm{from{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}
.mc2{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:6px;border:1px solid var(--b);background:transparent;color:var(--tx2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.mc2:hover{background:rgba(255,255,255,.06);color:var(--tx)}
.mod h2{font-size:20px;font-weight:700;letter-spacing:-.6px;margin-bottom:4px}
.mod .mp{font-size:13px;color:var(--tx2);margin-bottom:20px}
.fld{margin-bottom:14px}
.fld label{display:block;font-size:11px;font-weight:600;color:var(--tx2);margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px}
.fld input,.fld select,.fld textarea{width:100%;padding:9px 12px;background:var(--bg);border:1px solid var(--b);border-radius:6px;color:var(--tx);font-size:13px;font-family:'Noto Sans SC',sans-serif;outline:none;transition:border-color .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--a1)}
.fld textarea{resize:vertical;min-height:70px}
.mod .btn-p{width:100%;justify-content:center;padding:11px;font-size:13px}

/* ANIMATIONS */
@keyframes fu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.an{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.an.sh{opacity:1;transform:translateY(0)}.a2{transition-delay:.1s}.a3{transition-delay:.15s}.a4{transition-delay:.2s}.a5{transition-delay:.25s}.a6{transition-delay:.3s}.a7{transition-delay:.35s}.a8{transition-delay:.4s}
.tilt{transition:transform .2s ease;will-change:transform}

/* ===== TECH GRID ===== */
.tg2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:768px){.tg2{grid-template-columns:1fr;gap:24px}}

/* ===== BLOG ===== */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}
.blog-card{background:var(--card);border:1px solid var(--b);border-radius:var(--rxl);overflow:hidden;transition:all .35s ease;cursor:pointer}
.blog-card:hover{transform:translateY(-4px);border-color:var(--ba);box-shadow:0 0 30px var(--g)}
.blog-img{height:180px;overflow:hidden;background:linear-gradient(135deg,#141420,#1a1a2e);display:flex;align-items:center;justify-content:center;font-size:48px}
.blog-body{padding:20px}
.blog-body .bcat{display:inline-block;padding:3px 10px;border-radius:3px;font-size:10px;font-weight:700;font-family:var(--m);text-transform:uppercase;background:rgba(233,69,96,.1);color:var(--a1);margin-bottom:6px;letter-spacing:.3px}
.blog-body h3{font-size:17px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}
.blog-body .bdesc{font-size:13px;color:var(--tx2);line-height:1.7;margin-bottom:8px}
.blog-body .bmeta{font-size:11px;color:var(--tx3);font-family:var(--m)}
.blog-body .bread{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}
.blog-body .bread span{padding:2px 7px;background:rgba(255,255,255,.04);border-radius:4px;font-size:10px;font-family:var(--m);color:var(--tx3)}
.blog-body .bread .ph{color:var(--a1);background:rgba(233,69,96,.08)}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr}}

/* BLOG POST FULL */
.blog-post{display:none;padding:40px 0}
.blog-post.op{display:block}
.blog-post .c{max-width:720px}
.blog-post .bp-back{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--b);border-radius:6px;font-size:12px;color:var(--tx2);cursor:pointer;transition:all .2s;margin-bottom:24px}
.blog-post .bp-back:hover{background:rgba(255,255,255,.04);color:var(--tx)}
.blog-post h1{font-size:30px;font-weight:800;letter-spacing:-1px;margin-bottom:8px;line-height:1.2}
.blog-post .bp-meta{font-size:12px;color:var(--tx3);font-family:var(--m);margin-bottom:20px;display:flex;gap:14px}
.blog-post .bp-img{width:100%;height:200px;border-radius:var(--rl);background:linear-gradient(135deg,#141420,#1a1a2e);margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:56px}
.blog-post .bp-body{font-size:14px;color:var(--tx2);line-height:1.9}
.blog-post .bp-body h2{font-size:20px;color:var(--tx);margin:28px 0 10px;font-weight:700;letter-spacing:-.5px}
.blog-post .bp-body h3{font-size:16px;color:var(--tx);margin:22px 0 8px;font-weight:600}
.blog-post .bp-body p{margin-bottom:14px}
.blog-post .bp-body ul,.blog-post .bp-body ol{padding-left:20px;margin-bottom:14px}
.blog-post .bp-body li{margin-bottom:6px}
.blog-post .bp-body strong{color:var(--tx)}
.blog-post .bp-body .highlight{padding:14px 16px;background:rgba(233,69,96,.06);border-left:3px solid var(--a1);border-radius:0 var(--r) var(--r) 0;margin:16px 0}

.blog-grid-wrap.hidden{display:none}
.blog-grid-wrap.op{display:block}