*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',sans-serif;background:#0a0a1a;color:#e0e0f0}
a{text-decoration:none;color:inherit}
.nv{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:24px;padding:10px 24px;background:rgba(10,10,26,0.8);backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(255,255,255,0.06)}
.lgo{font-size:14px;font-weight:800;color:#ff6bc1;letter-spacing:-.3px}
.nv a{font-size:11px;color:#8070a0;font-weight:500;padding:4px 8px}
.nv a:hover{color:#ff6bc1}
.sec{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 48px;max-width:800px;margin:0 auto}
.sec h1{font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:.95;margin-bottom:8px;color:#fff}
.sec .tag{font-size:10px;color:#ff6bc1;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:4px}
.sec p{font-size:15px;color:#706090;max-width:500px;margin-bottom:24px}
.sec .btn{display:inline-flex;padding:12px 32px;background:#ff6bc1;color:#0a0a1a;border-radius:8px;font-weight:700;font-size:13px}
.sec .num{font-size:72px;font-weight:900;color:rgba(255,107,193,0.06);position:absolute;top:20px;right:48px}
.st{display:flex;gap:12px;margin-top:20px}
.st>div{padding:16px;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.06);flex:1}
.st .sv{font-size:20px;font-weight:800;color:#ff6bc1}
.st .sl{font-size:9px;color:#504070;margin-top:2px}
.s{position:relative;min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:60px 48px;max-width:800px;margin:0 auto}
.s h2{font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#ff6bc1;margin-bottom:16px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g2 a{padding:20px;border:1px solid rgba(255,255,255,0.06);border-radius:12px;background:rgba(255,255,255,0.02);display:block}
.g2 a:hover{border-color:#ff6bc1}
.g2 .gt{font-size:9px;color:#ff6bc1;margin-bottom:4px}
.g2 h3{font-size:15px;font-weight:600;margin-bottom:4px}
.g2 p{font-size:11px;color:#605080}
.ft{padding:40px;text-align:center}
.ft p{font-size:9px;color:#403060}
@media(max-width:768px){.sec,.s{padding:40px 24px}.g2{grid-template-columns:1fr}.nv{top:10px;padding:8px 16px;gap:12px}.nv a{font-size:10px}}

.article{max-width:720px;margin:0 auto;padding:100px 20px 40px}
.article h1{font-size:28px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.5px;line-height:1.15}
.abd{font-size:15px;line-height:1.9;color:#b0a0c8}
.abd p{margin-bottom:14px}
.abd h2{font-size:18px;font-weight:700;color:#ff6bc1;margin:28px 0 14px;padding-bottom:6px}
.abd img{border-radius:8px;margin-bottom:12px}
@media(max-width:768px){.article{padding:16px 16px 30px}.article h1{font-size:22px}}

.lgo-pixel{display:flex;align-items:center;gap:8px;text-decoration:none}
.lgo-pixel .ic{position:relative;width:38px;height:38px;flex-shrink:0}
.lgo-pixel .ic .bg{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(240,185,11,0.08),rgba(204,0,0,0.08));position:absolute;top:0;left:0}
.lgo-pixel .ic .ring{width:38px;height:38px;border-radius:50%;border:2px solid #f0b90b;position:absolute;top:0;left:0}
.lgo-pixel .ic .in{position:absolute;top:9px;left:9px;width:20px;height:20px;border-radius:3px;overflow:hidden;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:0}
.lgo-pixel .ic .in span{display:block}
.lgo-pixel .ic .in .y{background:#f0b90b;opacity:.5}
.lgo-pixel .ic .in .r{background:#cc0000;opacity:.5}
.lgo-pixel .ic .in .t{background:transparent}
.lgo-pixel .tx{font-size:14px;font-weight:700;color:#e0d0f0;letter-spacing:3px}

.oval{width:100%;max-width:600px;height:240px;border-radius:120px/120px;overflow:hidden;border:3px solid #f0b90b;margin:0 auto 30px;display:block;position:relative;box-shadow:0 0 40px rgba(240,185,11,0.06)}
.oval img{width:100%;height:100%;object-fit:cover}
.oval .ov{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(240,185,11,0.08),rgba(204,0,0,0.08))}

@media(max-width:768px){
.oval{height:160px!important;border-radius:80px/80px!important;max-width:90%!important;margin:0 auto 20px!important}
.oval img{height:100%!important}
#news img[style*="height:180px"]{height:120px!important}
#news img[style*="border-radius:12px"]{border-radius:8px!important}
}
@media(max-width:500px){
.oval{height:120px!important;border-radius:60px/60px!important;max-width:95%!important}
#news img[style*="height:180px"]{height:90px!important}
}