/* MALEK-NEXUS-PRO-STYLE | subscriptions-only view layer; PHP 7.4 compatible */
.nxsub-shell{--ns-bg:#071522;--ns-bg2:#0d2130;--ns-surface:#0f2636;--ns-card:#102538;--ns-card2:#142b3d;--ns-line:rgba(145,191,213,.17);--ns-ink:#f4f8fc;--ns-muted:#9ab0c1;--ns-accent:#65efce;--ns-blue:#80b5ff;--ns-gold:#ffc984;max-width:1280px;margin:0 auto;padding:31px 28px 96px;color:var(--ns-ink);font-family:'Tajawal',system-ui,Arial,sans-serif;line-height:1.65;isolation:isolate}
.nxsub-shell *{box-sizing:border-box}
.nxsub-shell a{text-decoration:none;color:inherit}
.nxsub-shell button,.nxsub-shell input,.nxsub-shell textarea,.nxsub-shell select{font:inherit}
.nxsub-shell button,.nxsub-shell select{cursor:pointer}
.nxsub-shell h1,.nxsub-shell h2,.nxsub-shell h3,.nxsub-shell h4,.nxsub-shell p{margin-block-start:0}
.nxsub-shell img{max-width:100%}
.nxsub-crumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--ns-muted);font-size:12px;font-weight:700;margin:0 0 24px}
.nxsub-crumb a:hover{color:var(--ns-accent)}
.nxsub-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.75fr);min-height:350px;overflow:hidden;border:1px solid rgba(114,219,222,.23);border-radius:28px;background:radial-gradient(ellipse at 0% 0%,rgba(41,165,171,.22),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(89,110,214,.22),transparent 60%),linear-gradient(125deg,#102938,#0b1c31 65%,#10213a);padding:42px 48px;gap:25px;align-items:center;box-shadow:0 22px 75px rgba(1,8,19,.18)}
.nxsub-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(103,223,219,.025) 1px,transparent 1px),linear-gradient(rgba(103,223,219,.022) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}
.nxsub-hero-body{position:relative;z-index:2}
.nxsub-eyebrow{font-size:12px;color:var(--ns-accent);font-weight:900;display:flex;align-items:center;gap:10px;letter-spacing:.02em;margin-bottom:14px}
.nxsub-led{width:7px;height:7px;background:var(--ns-accent);border-radius:50%;box-shadow:0 0 0 5px rgba(101,239,206,.09),0 0 20px rgba(101,239,206,.5)}
.nxsub-hero h1{font-size:clamp(34px,4.3vw,62px);line-height:1.15;letter-spacing:-.05em;color:white;font-weight:900;max-width:650px;margin:0 0 17px}
.nxsub-hero p{font-size:14px;line-height:1.9;color:#b0c5d0;max-width:440px;margin:0 0 24px}
.nxsub-hero-steps{display:flex;gap:9px;flex-wrap:wrap}
.nxsub-hero-steps span{border:1px solid rgba(152,208,220,.18);background:rgba(255,255,255,.035);color:#d7ecf0;padding:7px 12px;border-radius:25px;font-size:11px;font-weight:800}
.nxsub-hero-art{position:relative;height:260px;display:grid;place-items:center;perspective:800px}
.nxsub-orbit{position:absolute;width:270px;height:240px;border:1px solid rgba(106,217,225,.2);border-radius:48%;transform:rotate(-28deg)}
.nxsub-orbit:before{content:"";position:absolute;inset:22px -19px;border:1px solid rgba(128,181,255,.13);border-radius:48%;transform:rotate(65deg)}
.nxsub-device{position:relative;width:235px;height:185px;border-radius:23px;padding:20px 23px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-8deg) rotateY(10deg);background:linear-gradient(145deg,#215a65,#102b45 72%,#1a315e);border:1px solid rgba(123,219,240,.4);box-shadow:25px 24px 35px rgba(1,11,20,.32),-15px -5px 35px rgba(75,228,206,.09);font-weight:900}
.nxsub-device:after{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.06);border-radius:14px;pointer-events:none}
.nxsub-device-top,.nxsub-device-bottom{font-size:9px;letter-spacing:.18em;color:#bbdce5;text-align:start}
.nxsub-device-logo{font-size:56px;line-height:1;color:#75efd3;text-shadow:0 10px 35px rgba(84,230,219,.35);text-align:center}
.nxsub-device-bar{height:4px;width:68px;background:linear-gradient(90deg,#64efce,#8eafff);border-radius:5px;align-self:center}
.nxsub-art-chip{position:absolute;top:16px;right:15%;width:39px;height:39px;border-radius:12px;background:#173e52;border:1px solid rgba(139,225,228,.27);display:grid;place-items:center;color:var(--ns-accent);font-size:20px;transform:rotate(12deg)}
.nxsub-main{padding-top:34px;min-width:0}
.nxsub-shell .subBoard,.nxsub-shell .rBoard,.nxsub-shell .upBoard,.nxsub-shell .reBoard{padding:0!important;max-width:none!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.nxsub-shell .subTop,.nxsub-shell .rTop,.nxsub-shell .upTop,.nxsub-shell .reTop{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px;border:0!important;background:transparent!important;padding:5px 0 0!important;flex-wrap:wrap}
.nxsub-shell .subTitle h2,.nxsub-shell .rTitle h2,.nxsub-shell .upTitle h2,.nxsub-shell .reTitle h2{font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-.03em;line-height:1.2;margin:0 0 7px;color:var(--ns-ink)}
.nxsub-shell .subTitle p,.nxsub-shell .rTitle p,.nxsub-shell .upTitle p,.nxsub-shell .reTitle p{font-size:13px;color:var(--ns-muted);margin:0}
.nxsub-shell .subCrumbs,.nxsub-shell .rCrumbs,.nxsub-shell .upCrumbs,.nxsub-shell .reCrumbs{display:none!important}
.nxsub-shell .subStats{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nxsub-shell .statBox{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:100px;padding:12px;border:1px solid var(--ns-line);border-radius:15px;background:var(--ns-bg2)}
.nxsub-shell .statBox b{font-size:24px;line-height:1;color:var(--ns-accent)}
.nxsub-shell .statBox span{font-size:10px;color:var(--ns-muted)}
.nxsub-shell .packWrap{margin-top:24px}
.nxsub-shell .packGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.nxsub-shell .packGrid>.pkgCard{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;border:1px solid var(--ns-line);background:linear-gradient(150deg,rgba(70,128,152,.12),transparent 50%),var(--ns-card);border-radius:23px;padding:27px 24px 23px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.nxsub-shell .packGrid>.pkgCard:hover{transform:translateY(-7px);border-color:rgba(107,241,211,.5);box-shadow:0 18px 55px rgba(0,0,0,.16)}
.nxsub-shell .packGrid>.pkgCard.premium{background:linear-gradient(145deg,rgba(109,143,243,.19),transparent 65%),var(--ns-card);border-color:rgba(132,175,244,.35)}
.nxsub-shell .pkgGlow{position:absolute;inset:-70px -50% auto auto;width:250px;height:250px;border-radius:50%;background:rgba(88,211,204,.08);filter:blur(30px);pointer-events:none}
.nxsub-shell .pkgBody{display:flex;flex-direction:column;flex:1;position:relative}
.nxsub-shell .pkgBadge{display:inline-flex;align-self:flex-start;padding:5px 12px;border-radius:999px;color:var(--ns-accent);background:rgba(101,239,206,.08);border:1px solid rgba(101,239,206,.22);font-size:11px;font-weight:900;margin-bottom:20px}
.nxsub-shell .pkgName{font-size:24px;line-height:1.25;color:var(--ns-ink);font-weight:900;margin:0 0 18px}
.nxsub-shell .pkgArt{height:125px!important;max-width:100%!important;width:100%!important;border:0!important;border-radius:16px;margin:0 0 18px!important;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 50%,rgba(98,231,201,.17),transparent 50%),linear-gradient(115deg,rgba(37,76,97,.44),rgba(41,54,110,.22));overflow:hidden}
.nxsub-shell .pkgArtMark{font-size:58px;line-height:1;color:var(--ns-accent)}
.nxsub-shell .pkgArtLine{position:absolute;width:80%;height:1px;top:70%;background:linear-gradient(90deg,transparent,var(--ns-accent),transparent);opacity:.4}
.nxsub-shell .pkgArtGlow{position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid rgba(107,241,211,.18);transform:rotate(25deg) scaleX(1.6)}
.nxsub-shell .pkgPrice{border-top:1px solid var(--ns-line);padding-top:17px;margin-bottom:15px}
.nxsub-shell .pkgPrice .amt{font-size:35px;line-height:1.3;font-weight:900;color:var(--ns-ink)}
.nxsub-shell .pkgPrice sup{font-size:12px;vertical-align:middle;color:var(--ns-accent);font-weight:800}
.nxsub-shell .pkgPrice .dur{color:var(--ns-muted);font-size:12px}
.nxsub-shell .pkgMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.nxsub-shell .metaChip{border:1px solid var(--ns-line);border-radius:12px;padding:10px;min-width:0;background:rgba(255,255,255,.025)}
.nxsub-shell .metaChip .k{font-size:10px;color:var(--ns-muted)}.nxsub-shell .metaChip .v{font-weight:800;font-size:12px;color:var(--ns-ink)}
.nxsub-shell .pkgFeatures{margin:16px 0;flex:1}.nxsub-shell .pkgFeatures h4{font-size:13px;margin:0 0 12px;color:var(--ns-ink)}
.nxsub-shell .pkgFeatures ul{padding:0;margin:0;list-style:none}.nxsub-shell .pkgFeatures li{display:flex;align-items:flex-start;gap:10px;color:var(--ns-muted);font-size:12px;padding:5px 0}.nxsub-shell .pkgFeatures li i{color:var(--ns-accent)}
.nxsub-shell .pkgBottom{margin-top:auto;padding-top:12px}.nxsub-shell .pkgBtn,.nxsub-shell .btnPro,.nxsub-shell .linkBtn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 16px;min-height:47px;border-radius:12px;background:linear-gradient(110deg,#62ecca,#89b2ff);color:#061927!important;font-weight:900;font-size:13px;border:0;transition:transform .2s,filter .2s;max-width:100%;text-align:center}.nxsub-shell .pkgBtn{width:100%}.nxsub-shell .pkgBtn:hover,.nxsub-shell .btnPro:hover,.nxsub-shell .linkBtn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.nxsub-shell .rGrid,.nxsub-shell .upGrid,.nxsub-shell .reGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr);gap:18px;align-items:start}
.nxsub-shell .cardX{min-width:0;border:1px solid var(--ns-line)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(50,115,136,.065),transparent 58%),var(--ns-card)!important;overflow:hidden;box-shadow:none!important;margin-bottom:18px}
.nxsub-shell .cardX>.head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;background:rgba(255,255,255,.024)!important;border-bottom:1px solid var(--ns-line)!important;padding:20px 22px!important;color:var(--ns-muted);font-size:11px}
.nxsub-shell .cardX>.head .h{color:var(--ns-ink);font-weight:900;font-size:16px;display:flex;align-items:center;gap:9px}
.nxsub-shell .cardX>.head i{color:var(--ns-accent)}
.nxsub-shell .cardX>.body{padding:23px!important;min-width:0}
.nxsub-shell .cardX .sumBox{background:rgba(4,20,31,.38);border:1px solid var(--ns-line);border-radius:15px;padding:12px 17px;min-width:0}
.nxsub-shell .sumRow{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--ns-line);font-size:13px;min-width:0}
.nxsub-shell .sumRow:last-child{border:0}.nxsub-shell .sumRow b,.nxsub-shell .sumRow .k{font-weight:700;color:var(--ns-muted)}.nxsub-shell .sumRow span,.nxsub-shell .sumRow .v{color:var(--ns-ink);font-weight:900;text-align:end;overflow-wrap:anywhere}
.nxsub-shell .badgeP{display:inline-flex;align-items:center;gap:7px;background:rgba(101,239,206,.1);padding:7px 11px;border-radius:20px;font-size:11px;color:var(--ns-accent)!important}
.nxsub-shell .fGrid,.nxsub-shell .tRow,.nxsub-shell .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.nxsub-shell form{min-width:0}
.nxsub-shell form label,.nxsub-shell .body>label{color:var(--ns-ink);font-size:13px;font-weight:800;display:block;margin-bottom:8px}
.nxsub-shell form input:not([type='checkbox']):not([type='radio']),.nxsub-shell form select,.nxsub-shell form textarea,.nxsub-shell .modal input,.nxsub-shell .modal select{background:rgba(3,16,29,.57)!important;color:var(--ns-ink)!important;border:1px solid var(--ns-line)!important;border-radius:12px!important;min-height:47px;max-width:100%;width:100%;padding:11px 14px!important;outline:0;transition:border-color .2s,box-shadow .2s}
.nxsub-shell input:focus,.nxsub-shell textarea:focus,.nxsub-shell select:focus{border-color:rgba(105,236,210,.55)!important;box-shadow:0 0 0 3px rgba(101,239,206,.09)}
.nxsub-shell input[type=file]{font-size:12px}.nxsub-shell input[type=file]::file-selector-button{background:var(--ns-card2);color:var(--ns-ink);border:1px solid var(--ns-line);border-radius:7px;padding:7px;margin-inline-end:12px}
.nxsub-shell input::placeholder{color:var(--ns-muted);opacity:.8}
.nxsub-shell select option{background:#0d2434;color:white}
.nxsub-shell .udidBox{padding:14px;border:1px dashed rgba(101,239,206,.4);background:rgba(101,239,206,.08);color:var(--ns-accent);border-radius:12px;overflow-wrap:anywhere;font-size:14px;font-weight:900}
.nxsub-shell .payHint,.nxsub-shell .sumNote,.nxsub-shell .upgradeHint{display:flex;gap:10px;margin:10px 0 0;padding:13px 15px;border-radius:12px;background:rgba(88,201,205,.07);border:1px solid rgba(112,211,212,.13);color:var(--ns-muted);font-size:12px;line-height:1.8}
.nxsub-shell .tabsBox{margin-top:14px}
.nxsub-shell .tabCard{border:1px solid var(--ns-line);border-radius:15px;background:rgba(255,255,255,.024);padding:18px;margin-top:12px}
.nxsub-shell .tabCard .tTitle{font-size:16px;font-weight:900;margin-bottom:15px;color:var(--ns-ink);display:flex;align-items:center;gap:9px}
.nxsub-shell .tabCard .tTitle i{color:var(--ns-accent)}
.nxsub-shell .smallBtn,.nxsub-shell .btnGhost,.nxsub-shell .copyBtn{border:1px solid var(--ns-line);border-radius:10px;background:rgba(255,255,255,.03);color:var(--ns-accent);font-size:12px;font-weight:800;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.nxsub-shell .smallBtn:hover,.nxsub-shell .btnGhost:hover,.nxsub-shell .copyBtn:hover{border-color:var(--ns-accent)}
.nxsub-shell .policyRow{margin:22px 0;color:var(--ns-muted);font-size:12px;line-height:1.8}
.nxsub-shell .policyRow a{color:var(--ns-accent);font-weight:900}
.nxsub-shell input[type=checkbox],.nxsub-shell input[type=radio]{accent-color:#65efce}
.nxsub-shell .btnRow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:19px}
.nxsub-shell .btnRow .btnPro{flex:1;min-width:170px}
.nxsub-shell .btnRow .btnGhost{min-height:46px}
.nxsub-shell #rResult{color:var(--ns-ink);font-size:13px}
.nxsub-shell #rResult .alert{background:rgba(232,154,89,.12);border:1px solid rgba(232,154,89,.3);color:var(--ns-ink);border-radius:11px;padding:14px}
.nxsub-shell .emptyState,.nxsub-shell .lockedBox{padding:44px 24px;text-align:center;border:1px dashed var(--ns-line);border-radius:19px;background:var(--ns-card);color:var(--ns-muted)}
.nxsub-shell .emptyState h3,.nxsub-shell .lockedBox h3{color:var(--ns-ink);font-size:22px;font-weight:900}
.nxsub-shell .packageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nxsub-shell [data-package-card]{cursor:pointer;min-width:0;display:block;padding:19px;border-radius:16px;background:rgba(13,32,47,.75);border:1px solid var(--ns-line);transition:background .22s,border-color .22s,transform .22s}
.nxsub-shell [data-package-card]:hover{transform:translateY(-3px);border-color:rgba(109,224,216,.45)}
.nxsub-shell [data-package-card].active{border-color:var(--ns-accent);background:linear-gradient(145deg,rgba(91,211,205,.12),rgba(101,145,242,.05));box-shadow:0 0 0 2px rgba(101,239,206,.08)}
.nxsub-shell [data-package-card] .pkgRadio{position:absolute;opacity:0;width:1px;height:1px}
.nxsub-shell [data-package-card] .pkgTop{display:flex;align-items:start;justify-content:space-between;gap:12px}
.nxsub-shell [data-package-card] .pkgName{font-size:19px;font-weight:900;color:var(--ns-ink);margin:0 0 6px}
.nxsub-shell .pkgMonths{font-size:11px;color:var(--ns-muted)}
.nxsub-shell [data-package-card] .pkgBadge{margin:0;white-space:nowrap}
.nxsub-shell .pkgPrices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.nxsub-shell .pkgPriceBox{border:1px solid var(--ns-line);border-radius:10px;padding:11px;background:rgba(0,0,0,.12)}
.nxsub-shell .pkgPriceBox .k{font-size:10px;color:var(--ns-muted)}.nxsub-shell .pkgPriceBox .v{font-weight:900;color:var(--ns-ink);font-size:15px}
.nxsub-shell .saveStrip{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.nxsub-shell .fullPriceBadge,.nxsub-shell .saveBadge{font-size:10px;color:var(--ns-accent);background:rgba(101,239,206,.07);border-radius:8px;padding:5px 8px}
.nxsub-shell .pkgFeature,.nxsub-shell .featureLine{display:flex;align-items:center;gap:8px;color:var(--ns-muted);font-size:12px;margin-top:7px}.nxsub-shell .pkgFeature i,.nxsub-shell .featureLine i{color:var(--ns-accent)}
.nxsub-shell .infoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nxsub-shell .infoItem{border:1px solid var(--ns-line);border-radius:12px;background:rgba(0,0,0,.12);padding:12px}.nxsub-shell .infoItem .k{font-size:11px;color:var(--ns-muted)}.nxsub-shell .infoItem .v{color:var(--ns-ink);font-weight:900;overflow-wrap:anywhere}
.nxsub-shell .cModalBack{display:none;position:fixed;z-index:18000;inset:0;background:rgba(0,7,16,.72);backdrop-filter:blur(8px);padding:20px;align-items:center;justify-content:center}.nxsub-shell .cModalBack.show{display:flex}
.nxsub-shell .cModal{width:min(670px,100%);max-height:min(85vh,800px);display:flex;flex-direction:column;background:var(--ns-card);border:1px solid rgba(128,217,217,.3);border-radius:20px;overflow:hidden;box-shadow:0 25px 100px rgba(0,0,0,.5)}
.nxsub-shell .cModalHead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--ns-line)}.nxsub-shell .cModalHead b{font-size:17px;color:var(--ns-ink)}.nxsub-shell .cModalHead .x{background:var(--ns-card2);color:var(--ns-ink);border:1px solid var(--ns-line);border-radius:9px;min-width:35px;height:35px}
.nxsub-shell .cModalBody{padding:21px;overflow:auto;color:var(--ns-ink)}.nxsub-shell .cModalBody .cRich{overflow-wrap:anywhere;font-size:13px;line-height:1.9}.nxsub-shell .cModalBody img{max-height:160px;object-fit:contain!important}
.nxsub-shell .copyHeaderRow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.nxsub-shell .copyLine{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--ns-line)}.nxsub-shell .copyLine .k{color:var(--ns-muted);font-size:11px}.nxsub-shell .copyLine .v{color:var(--ns-ink);font-size:14px;font-weight:800;overflow-wrap:anywhere;direction:auto}.nxsub-shell .copyBtns{flex-shrink:0}
.nxsub-shell .toast{display:none;position:fixed;z-index:18100;left:50%;bottom:25px;transform:translateX(-50%);padding:13px 18px;border-radius:12px;background:#143d42;color:#affae8;font-size:13px}
.nxsub-shell .toast.show{display:block}
/* Dynamic legacy fragments returned from subscription AJAX responses */
.nxsub-shell .labelTitle{color:var(--ns-muted);font-size:12px}.nxsub-shell .labelDesc{color:var(--ns-ink);font-weight:800}
.nxsub-shell .table{border-collapse:collapse;width:100%;color:var(--ns-ink);font-size:12px}.nxsub-shell .table th,.nxsub-shell .table td{padding:12px;border:1px solid var(--ns-line)}
.nxsub-shell .alert{border-radius:12px;padding:12px 14px}.nxsub-shell .alert-warning{border:1px solid rgba(255,189,96,.24);background:rgba(255,189,96,.1);color:var(--ns-ink)}
.nxsub-shell .passWrap{position:relative}.nxsub-shell .passToggle{position:absolute;bottom:8px;inset-inline-end:9px;border:0;background:transparent;color:var(--ns-muted);min-width:33px;height:33px}
/* Light mode inherits site's theme switch, never forces a page-specific setting */
:root[data-theme='light'] .nxsub-shell,body.light .nxsub-shell,[data-theme='light'] .nxsub-shell{--ns-bg:#f5fafc;--ns-bg2:#edf4f8;--ns-surface:#eaf4f7;--ns-card:#fff;--ns-card2:#edf4f7;--ns-line:rgba(20,72,95,.17);--ns-ink:#142f40;--ns-muted:#586f81;--ns-accent:#097f74;--ns-blue:#3a6796;color:var(--ns-ink)}
:root[data-theme='light'] .nxsub-shell .nxsub-hero h1,:root[data-theme='light'] .nxsub-shell .nxsub-hero p,:root[data-theme='light'] .nxsub-shell .nxsub-hero-steps span{color:white}
:root[data-theme='light'] .nxsub-shell .tabCard,:root[data-theme='light'] .nxsub-shell .sumBox,:root[data-theme='light'] .nxsub-shell .pkgPriceBox{background:#f5fafc}
:root[data-theme='light'] .nxsub-shell form input:not([type=checkbox]):not([type=radio]),:root[data-theme='light'] .nxsub-shell form select,:root[data-theme='light'] .nxsub-shell form textarea{background:#f4f8fa!important}
:root[data-theme='light'] .nxsub-shell select option{background:#fff;color:#172c39}
@media(max-width:1050px){.nxsub-shell{padding-inline:20px}.nxsub-shell .rGrid,.nxsub-shell .upGrid,.nxsub-shell .reGrid{grid-template-columns:1fr}.nxsub-shell .packGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.nxsub-hero{grid-template-columns:1fr .6fr;padding:35px}}
@media(max-width:700px){.nxsub-shell{padding:17px 14px 65px}.nxsub-crumb{margin-bottom:15px}.nxsub-hero{min-height:unset;grid-template-columns:1fr;padding:31px 24px 0;gap:0;border-radius:20px}.nxsub-hero h1{font-size:36px;max-width:340px}.nxsub-hero-art{height:205px}.nxsub-device{transform:rotate(-8deg) scale(.8)}.nxsub-hero-steps{gap:6px}.nxsub-hero-steps span{font-size:10px;padding:6px 9px}.nxsub-main{padding-top:24px}.nxsub-shell .packGrid,.nxsub-shell .packageGrid{grid-template-columns:1fr}.nxsub-shell .subStats{width:100%}.nxsub-shell .statBox{flex:1;min-width:75px}.nxsub-shell .cardX>.head,.nxsub-shell .cardX>.body{padding:17px!important}.nxsub-shell .fGrid,.nxsub-shell .tRow,.nxsub-shell .grid2,.nxsub-shell .infoGrid{grid-template-columns:1fr}.nxsub-shell .fGrid>[style*='span 2']{grid-column:auto!important}.nxsub-shell .sumRow{flex-wrap:wrap}.nxsub-shell .cModalBack{padding:11px}.nxsub-shell .cModalBody{padding:14px}.nxsub-shell .cModalBody .copyLine{flex-wrap:wrap}.nxsub-shell .btnRow .btnPro{flex-basis:100%}}
@media(max-width:360px){.nxsub-hero{padding-inline:18px}.nxsub-hero h1{font-size:31px}.nxsub-shell .pkgPrices,.nxsub-shell .pkgMeta{grid-template-columns:1fr}.nxsub-shell .cardX>.head{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.nxsub-shell *, .nxsub-shell *:before,.nxsub-shell *:after{transition:none!important;animation:none!important}}
/* Renewal and upgrade secondary summary: the legacy source used heroBox/mainGrid, never duplicate the large page hero */
.nxsub-shell .heroBox{margin:0 0 20px;border:1px solid var(--ns-line);border-radius:18px;overflow:hidden;background:linear-gradient(125deg,rgba(39,95,115,.2),rgba(37,61,112,.1)),var(--ns-card)}
.nxsub-shell .heroGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:24px;align-items:center;padding:25px 28px}
.nxsub-shell .heroLeft .stateBadge{display:inline-flex;align-items:center;gap:7px;border-radius:25px;background:rgba(101,239,206,.1);padding:6px 14px;border:1px solid rgba(101,239,206,.18);color:var(--ns-accent);font-size:11px;font-weight:900}
.nxsub-shell .heroLeft h3{font-size:25px;line-height:1.2;margin:14px 0 7px;color:var(--ns-ink);font-weight:900}
.nxsub-shell .heroLeft p{max-width:590px;font-size:12px;color:var(--ns-muted);line-height:1.95;margin:0}
.nxsub-shell .heroPrice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nxsub-shell .priceCard{background:rgba(0,0,0,.14);border:1px solid var(--ns-line);border-radius:14px;padding:17px;min-width:0}
.nxsub-shell .priceCard .k{font-size:11px;color:var(--ns-muted)}
.nxsub-shell .priceCard .v{font-size:17px;color:var(--ns-ink);font-weight:900;overflow-wrap:anywhere}
.nxsub-shell .mainGrid{display:grid;grid-template-columns:1fr;gap:16px;min-width:0}
.nxsub-shell .mainGrid>.cardX{margin-bottom:0}
.nxsub-shell .mainGrid>.cardX:first-child>.body>.packageGrid{margin-top:20px}
@media(max-width:700px){.nxsub-shell .heroGrid{grid-template-columns:1fr;padding:20px}.nxsub-shell .heroPrice{grid-template-columns:1fr 1fr}.nxsub-shell .heroLeft h3{font-size:21px}}

/* Actual approved NEXUS theme attribute */
/* Light mode inherits site's theme switch, never forces a page-specific setting */
:root[data-nx2099-theme="light"] .nxsub-shell,body.light .nxsub-shell,[data-theme='light'] .nxsub-shell{--ns-bg:#f5fafc;--ns-bg2:#edf4f8;--ns-surface:#eaf4f7;--ns-card:#fff;--ns-card2:#edf4f7;--ns-line:rgba(20,72,95,.17);--ns-ink:#142f40;--ns-muted:#586f81;--ns-accent:#097f74;--ns-blue:#3a6796;color:var(--ns-ink)}
:root[data-nx2099-theme="light"] .nxsub-shell .nxsub-hero h1,:root[data-nx2099-theme="light"] .nxsub-shell .nxsub-hero p,:root[data-nx2099-theme="light"] .nxsub-shell .nxsub-hero-steps span{color:white}
:root[data-nx2099-theme="light"] .nxsub-shell .tabCard,:root[data-nx2099-theme="light"] .nxsub-shell .sumBox,:root[data-nx2099-theme="light"] .nxsub-shell .pkgPriceBox{background:#f5fafc}
:root[data-nx2099-theme="light"] .nxsub-shell form input:not([type=checkbox]):not([type=radio]),:root[data-nx2099-theme="light"] .nxsub-shell form select,:root[data-nx2099-theme="light"] .nxsub-shell form textarea{background:#f4f8fa!important}
:root[data-nx2099-theme="light"] .nxsub-shell select option{background:#fff;color:#172c39}

/* v0.6.19: password visibility control must sit inside the actual input. */
.nxsub-shell .passWrap{position:relative;min-width:0}
.nxsub-shell .passWrap input[type=password],.nxsub-shell .passWrap input[type=text]{padding-inline-end:52px!important}
.nxsub-shell .passToggleBtn{position:absolute!important;inset-inline-end:10px!important;bottom:9px!important;width:34px!important;height:34px!important;min-width:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:9px!important;color:var(--ns-muted)!important;padding:0!important;cursor:pointer;z-index:2;box-shadow:none!important}
.nxsub-shell .passToggleBtn:hover,.nxsub-shell .passToggleBtn:focus-visible{color:var(--ns-accent)!important;background:rgba(91,221,199,.11)!important}
.nxsub-shell .passToggleBtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* v0.6.20 — Scoped legacy AJAX validation notices. */
.nxsub-shell #rResult:empty{display:none}
.nxsub-shell #rResult{min-width:0}
.nxsub-shell #rResult .nxsub-ajax-notice{position:relative!important;display:block!important;margin:14px 0 0!important;padding:18px 20px 18px 56px!important;border:1px solid rgba(244,135,145,.35)!important;border-radius:17px!important;background:linear-gradient(120deg,rgba(244,135,145,.12),rgba(11,37,52,.88))!important;color:var(--ns-ink)!important;box-shadow:none!important;opacity:1!important;max-width:100%;font-family:Tajawal,Arial,sans-serif!important;line-height:1.65!important}
.nxsub-shell #rResult .nxsub-ajax-notice.alert-success{border-color:rgba(88,215,182,.36)!important;background:linear-gradient(120deg,rgba(88,215,182,.11),rgba(11,37,52,.8))!important}
.nxsub-shell #rResult .nxsub-ajax-notice.alert-warning{border-color:rgba(250,185,93,.36)!important;background:linear-gradient(120deg,rgba(250,185,93,.12),rgba(11,37,52,.8))!important}
.nxsub-shell #rResult .nxsub-ajax-notice .alert-heading{color:var(--ns-ink)!important;font-weight:900!important;font-size:17px!important;margin:0 0 12px!important;line-height:1.6!important;padding:0!important;background:none!important}
.nxsub-shell #rResult .nxsub-ajax-notice .alert-heading small{font-size:13px!important;font-weight:600!important;color:var(--ns-muted)!important;margin-inline-start:7px!important}
.nxsub-shell #rResult .nxsub-ajax-notice .msgLoop{display:flex!important;align-items:flex-start!important;gap:9px!important;width:100%!important;max-width:100%!important;margin:0 0 7px!important;padding:11px 13px!important;background:rgba(5,22,33,.35)!important;border:1px solid rgba(143,188,209,.14)!important;border-radius:10px!important;color:var(--ns-ink)!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.7!important;font-size:13px!important;font-weight:650!important;float:none!important;clear:both!important;text-align:start!important}
.nxsub-shell #rResult .nxsub-ajax-notice .msgLoop:last-of-type{margin-bottom:0!important}
.nxsub-shell #rResult .nxsub-ajax-notice .msgLoop strong{color:#fa8f9a!important;flex:none!important}
.nxsub-shell #rResult .nxsub-ajax-notice .nxsub-notice-close{position:absolute!important;inset-inline-end:12px!important;top:12px!important;inset-inline-start:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;padding:0!important;border-radius:9px!important;border:1px solid rgba(140,184,206,.24)!important;color:var(--ns-ink)!important;background:rgba(6,28,43,.4)!important;opacity:1!important;cursor:pointer!important;font-size:18px!important;line-height:1!important;float:none!important;box-shadow:none!important}
.nxsub-shell #rResult .nxsub-ajax-notice .nxsub-notice-close:hover{background:rgba(120,186,211,.2)!important}
.nxsub-shell #rResult .nxsub-ajax-notice .nxsub-notice-close span{font-size:20px!important}
.nxsub-shell[dir=rtl] #rResult .nxsub-ajax-notice{padding-left:56px!important;padding-right:20px!important}
.nxsub-shell[dir=ltr] #rResult .nxsub-ajax-notice{padding-right:56px!important;padding-left:20px!important}
:root[data-nx2099-theme=light] .nxsub-shell #rResult .nxsub-ajax-notice{background:#fff4f4!important;color:#172e3f!important}
:root[data-nx2099-theme=light] .nxsub-shell #rResult .nxsub-ajax-notice .msgLoop{background:#fff!important;color:#172e3f!important;border-color:#e2e9ef!important}
:root[data-nx2099-theme=light] .nxsub-shell #rResult .nxsub-ajax-notice .alert-heading{color:#172e3f!important}
:root[data-nx2099-theme=light] .nxsub-shell #rResult .nxsub-ajax-notice .nxsub-notice-close{color:#172e3f!important;background:#fff!important}
@media(max-width:520px){.nxsub-shell #rResult .nxsub-ajax-notice{padding-top:17px!important;padding-bottom:17px!important}.nxsub-shell #rResult .nxsub-ajax-notice .msgLoop{padding:10px!important;font-size:12px!important}}