.nflph-hub{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:1180px;margin:0 auto;padding:0 12px}
.nflph-hero{background:linear-gradient(120deg,#ff0080,#7928ca 40%,#0070f3 75%,#00dfd8);color:#fff;border-radius:24px;padding:48px 24px;text-align:center;box-shadow:0 14px 40px rgba(121,40,202,.35);margin:20px 0 30px}
.nflph-hero h1{color:#fff;font-size:clamp(32px,6vw,58px);margin:0 0 8px;font-weight:900}
.nflph-hero p{font-size:18px;margin:0 0 20px;opacity:.95}
.nflph-hero nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.nflph-hero nav a{background:rgba(255,255,255,.2);color:#fff;text-decoration:none;padding:9px 16px;border-radius:999px;font-weight:700;backdrop-filter:blur(4px)}
.nflph-hero nav a:hover{background:#fff;color:#7928ca}
.nflph-hub section{margin:0 0 38px}
.nflph-h{display:inline-block;color:#fff;padding:10px 22px;border-radius:14px;font-size:22px;margin:0 0 16px}
.nflph-h.c1{background:linear-gradient(90deg,#f97316,#ef4444)}.nflph-h.c2{background:linear-gradient(90deg,#06b6d4,#3b82f6)}
.nflph-h.c3{background:linear-gradient(90deg,#f59e0b,#eab308);color:#222}.nflph-h.c4{background:linear-gradient(90deg,#10b981,#059669)}
.nflph-h.c5{background:linear-gradient(90deg,#8b5cf6,#d946ef)}.nflph-h.c6{background:linear-gradient(90deg,#ec4899,#f43f5e)}
.nflph-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.nflph-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.1);border-top:6px solid #7928ca;display:flex;flex-direction:column;gap:4px;color:#222}
.nflph-card b{font-size:17px}.nflph-card small{color:#666}.nflph-card p{margin:6px 0 0;font-size:14px;color:#444}
.nflph-time{color:#0070f3;font-weight:700;font-size:14px}
.nflph-pc0{border-color:#ef4444}.nflph-pc1{border-color:#f59e0b}.nflph-pc2{border-color:#10b981}.nflph-pc3{border-color:#3b82f6}.nflph-pc4{border-color:#8b5cf6}.nflph-pc5{border-color:#ec4899}
.nflph-st{border-color:#d946ef}
.nflph-table{width:100%;border-collapse:collapse;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.1)}
.nflph-table th{background:linear-gradient(90deg,#10b981,#059669);color:#fff;padding:12px;text-align:left}
.nflph-table td{padding:11px 12px;background:#fff;border-bottom:1px solid #eee;color:#222}
.nflph-table tr:nth-child(even) td{background:#f0fdf4}
.nflph-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}

/* Poll */
.nflph-poll{background:linear-gradient(135deg,#1e1b4b,#312e81 55%,#4c1d95);color:#fff;border-radius:22px;padding:22px;margin:0 0 26px;box-shadow:0 12px 32px rgba(49,46,129,.4);position:relative}
.nflph-badge{display:inline-block;background:#ef4444;color:#fff;font-weight:800;font-size:12px;letter-spacing:1.5px;padding:4px 12px;border-radius:999px;animation:nflpulse 1.4s infinite}
@keyframes nflpulse{50%{opacity:.55}}
.nflph-q{color:#fff;margin:10px 0 16px;font-size:clamp(18px,3vw,26px);font-weight:900}
.nflph-sides{display:flex;align-items:center;gap:10px}
.nflph-side{flex:1;border:0;border-radius:16px;padding:18px 10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:clamp(15px,2.4vw,20px);font-weight:900;transition:transform .15s}
.nflph-side:hover{transform:translateY(-3px) scale(1.02)}.nflph-side em{font-style:normal;font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:1px}
.nflph-sa{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.nflph-sb{background:linear-gradient(135deg,#f97316,#ef4444)}
.nflph-vs{background:#fde047;color:#111;font-weight:900;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:none}
.nflph-results{margin-top:16px}
.nflph-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.18)}
.nflph-bar i{display:block;transition:width .6s}.nflph-fa{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.nflph-fb{background:linear-gradient(90deg,#f97316,#ef4444)}
.nflph-nums{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:15px;gap:8px}
.nflph-nums small{opacity:.8}
.nflph-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.nflph-share a,.nflph-share button{border:0;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;text-decoration:none;font-size:14px}
.nflph-wa{background:#25d366;color:#fff}.nflph-copy{background:#fff;color:#312e81}
.nflph-poll.voted .nflph-side{opacity:.6;cursor:default}
@media(max-width:560px){.nflph-sides{flex-direction:column}.nflph-vs{width:38px;height:38px}}