@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;600;700;800&display=swap');:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d12;color:#f8f9fc;font-family:Cairo,Inter,system-ui,sans-serif;line-height:1.85}html[lang=en] body{font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit}button{font:inherit;cursor:pointer}header{background:#10131b;border-bottom:1px solid #292d38;position:sticky;top:0;z-index:5}.wrap{max-width:1060px;margin:auto;padding:0 22px}nav{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:75px;flex-wrap:wrap}.logo{text-decoration:none;font-family:Inter;font-size:22px;font-weight:800;letter-spacing:-1px}.logo b{color:#ff404a}.logo span{color:#52d3a1;margin:5px}.languages{display:flex;gap:5px}.languages button,.tabs button{background:#1b1f2a;border:1px solid #363b48;color:white;border-radius:12px;padding:8px 13px}.languages button.active,.tabs button.active{background:#d40000;border-color:#fa4d55}.hero{text-align:center;padding:75px 0 65px;background:radial-gradient(ellipse at top,#42161f 0%,transparent 65%)}.eyebrow{color:#ff858a;font:700 12px Inter;letter-spacing:2px}.hero h1{font-size:clamp(29px,5vw,53px);line-height:1.4;margin:18px auto;max-width:850px}.hero p{color:#bfc4d0;font-size:18px}.code{margin:32px auto 22px;max-width:470px;border:1px solid #7d2a32;background:linear-gradient(135deg,#45171e,#191923);border-radius:22px;padding:20px;display:flex;align-items:center;flex-direction:column;gap:8px}.code strong{font:800 clamp(42px,8vw,70px) Inter;letter-spacing:4px}.code button,.primary{background:#e01928;color:white;border:0;border-radius:12px;padding:9px 25px;font-weight:800}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.actions a{text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:800}.secondary{background:#202431;border:1px solid #414755}.guide{padding-bottom:70px}.guide h2{font-size:28px}.tabs{display:flex;gap:12px;margin:20px 0 28px;flex-wrap:wrap}.tabs button{flex:1;font-size:17px;font-weight:800;min-width:170px;padding:14px}.steps{display:grid;gap:22px}.step{background:#151923;border:1px solid #313745;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,42%);align-items:center}.step-copy{padding:24px}.num{display:inline-block;background:#e01928;border-radius:10px;padding:1px 12px;font:800 16px Inter}.step h3{margin:13px 0 8px;font-size:22px}.step p{color:#c8cbd4;margin:0}.illustration{background:#10141d;padding:16px;min-height:230px;display:flex;align-items:center}.illustration svg{width:100%;height:auto;max-height:250px}.notice{margin:28px 0;background:#352916;border:1px solid #886328;border-radius:14px;padding:20px}details{border:1px solid #333b49;border-radius:14px;padding:18px}summary{cursor:pointer;font-weight:800}.footnote{color:#9fa6b4;font-size:13px}footer{text-align:center;border-top:1px solid #303442;padding:22px;color:#aeb5c2}@media(max-width:650px){nav{justify-content:center;padding-top:12px;padding-bottom:12px}.hero{padding:44px 0}.step{grid-template-columns:1fr}.illustration{min-height:0}.step-copy{padding:19px}.tabs button{min-width:120px}.hero h1{font-size:30px}}
/* Family IPTV shared visual identity — header/footer only */
.family-header{background:#0d0d10;border-bottom:2px solid #d40000;box-shadow:0 8px 30px #0005}.family-header nav{max-width:1200px;min-height:86px;gap:18px}.family-header .logo,.family-footer .logo{display:inline-flex;align-items:center;gap:9px;letter-spacing:0;white-space:nowrap}.family-mark{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#ff3434,#a90000);box-shadow:0 3px 14px #d4000055;color:white;font:900 30px Inter,sans-serif}.family-name{display:flex;flex-direction:column;font-size:19px;font-weight:800;line-height:1.15}.family-name b{color:#ff3434}.family-name small{font:700 10px Inter,sans-serif;letter-spacing:1.5px;color:#b7bac3;margin-top:5px}.verified{display:inline-grid;place-items:center;background:#1888e8;color:white;border-radius:50%;width:19px;height:19px;font:800 13px Inter,sans-serif}.header-links{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.header-links a{color:#f1f1f4;text-decoration:none;font-size:13px;font-weight:800}.header-links a:hover,.footer-nav a:hover,.footer-contact a:hover{color:#ff4444}.languages{flex-shrink:0}.languages button{padding:7px 10px;font-size:12px}.family-footer{padding:0;background:#101014;border-top:3px solid #d40000;color:#c8c9ce;text-align:initial}.footer-grid{max-width:1200px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-top:43px;padding-bottom:35px}.footer-brand p{max-width:330px;color:#aeb0b8}.family-footer h3{color:#fff;font-size:17px;margin:0 0 15px}.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-nav a,.footer-contact a{text-decoration:none;color:#c8c9ce;font-size:14px}.footer-contact .whatsapp{border:1px solid #28784e;background:#123c28;color:#dcffe7;border-radius:10px;padding:8px 12px}.footer-bottom{border-top:1px solid #303036;text-align:center;padding:15px;color:#aeb0b8;font-size:13px}@media(max-width:900px){.family-header nav{justify-content:center;padding:12px 22px}.header-links{justify-content:center;order:3;width:100%}.languages{margin-inline-start:auto}}@media(max-width:650px){.family-header nav{gap:12px}.family-name{font-size:16px}.family-mark{width:37px;height:37px;font-size:26px}.languages{margin-inline-start:0}.header-links{gap:13px}.header-links a{font-size:12px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-brand p{max-width:none}}
