.iptvph *{box-sizing:border-box;margin:0;padding:0}
.iptvph{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;width:100%;position:relative;background:linear-gradient(90deg,#0a0c12,#12141f);border-bottom:1px solid rgba(255,255,255,.08)}
.iptvph .bar{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;gap:24px}
.iptvph .brand{display:flex;align-items:center;line-height:0}
.iptvph .brand img{height:44px;width:auto;display:block}
.iptvph .nav{display:flex;align-items:center;gap:32px;list-style:none}
.iptvph .nav a{color:#cfd4e2;text-decoration:none;font-size:15px;font-weight:500;position:relative;transition:color .2s}
.iptvph .nav a:hover{color:#fff}
.iptvph .nav a::after{content:"";position:absolute;left:0;bottom:-7px;height:2px;width:0;background:linear-gradient(90deg,#1fc3e8,#2a7bff);transition:width .25s}
.iptvph .nav a:hover::after{width:100%}
.iptvph .right{display:flex;align-items:center;gap:18px}
.iptvph .cta{display:inline-block;padding:11px 26px;border-radius:40px;background:linear-gradient(90deg,#1fc3e8,#2a7bff);color:#fff;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 8px 20px rgba(42,123,255,.35);transition:transform .2s,box-shadow .2s}
.iptvph .cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(42,123,255,.5)}
.iptvph .chk,.iptvph .burger{display:none}
@media(max-width:880px){
.iptvph .bar{padding:10px 16px;gap:10px}
.iptvph .brand img{height:36px}
.iptvph .cta{padding:9px 15px;font-size:13px}
.iptvph .burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.iptvph .burger span{width:24px;height:3px;background:#fff;border-radius:3px}
.iptvph .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#0b0d14;max-height:0;overflow:hidden;transition:max-height .35s ease;border-top:1px solid rgba(255,255,255,.07);z-index:20}
.iptvph .nav li{width:100%}
.iptvph .nav a{display:block;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05)}
.iptvph .nav a::after{display:none}
.iptvph .chk:checked~.bar .nav{max-height:360px}
}
