:root {
            --blue: #1D4ED8;
            --blue-light: #3B82F6;
            --deep: #0F172A;
            --cyan: #06B6D4;
            --mint: #8BFFFF;
            --bg: #F8FAFF;
            --card: #FFFFFF;
            --border: #E2E8F0;
            --text: #0F172A;
            --muted: #64748B;
            --radius-lg: 1.35rem;
            --radius-md: 1rem;
            --shadow: 0 35px 90px rgba(15,23,42,0.13);
            font-size: 16px;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.6;
            overflow-x: hidden;
        }
        body.menu-open {
            overflow: hidden;
        }
        img {max-width: 100%;display:block;}
        a {text-decoration: none;color: inherit;}
        ul {list-style: none;}
        .container {
            width: min(1200px, 90vw);
            margin: 0 auto;
        }
        .promo-ribbon {
            background: linear-gradient(115deg, #081328, #1D4ED8);
            color: #fff;
            padding: 0.9rem 0;
            position: relative;
            overflow: hidden;
        }
        .promo-ribbon::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, rgba(255,255,255,0.08), transparent 60%);
            opacity: 1;
            pointer-events: none;
        }
        .promo-ribbon::before {
            content: "";
            position: absolute;
            width: 160px;
            height: 160px;
            border-radius: 50%;
            border: 1px solid rgba(255,255,255,0.35);
            top: -40px;
            right: -30px;
            box-shadow: 0 0 60px rgba(59,130,246,0.3);
        }
        .ribbon-inner {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
        }
        .ribbon-tag {
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-size: 0.75rem;
            padding: 0.2rem 0.9rem;
            border: 1px solid rgba(255,255,255,0.6);
            border-radius: 999px;
        }
        .ribbon-message {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            font-weight: 600;
            font-size: 0.95rem;
        }
        .ribbon-details {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            flex-wrap: wrap;
        }
        .ribbon-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            padding: 0.35rem 0.9rem;
            border-radius: 999px;
            background: rgba(255,255,255,0.12);
            font-size: 0.82rem;
        }
        .ribbon-action {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            font-weight: 600;
            background: linear-gradient(120deg, rgba(255,255,255,0.95), rgba(191,219,254,0.9));
            border: 1px solid rgba(255,255,255,0.6);
            color: var(--blue);
            border-radius: 999px;
            padding: 0.45rem 1.2rem;
            box-shadow: 0 18px 36px rgba(15,23,42,0.25);
        }
        .utility-bar {
            background:#f8fbff;
            border-bottom:1px solid rgba(148,163,184,0.3);
            font-size:0.85rem;
        }
        .utility-shell {
            width:min(1200px,94vw);
            margin:0 auto;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:1rem;
            padding:0.55rem 0;
        }
        .utility-left {
            display:flex;
            align-items:center;
            gap:0.75rem;
            color:#0F172A;
            font-weight:600;
        }
        .status-chip {
            display:inline-flex;
            align-items:center;
            gap:0.35rem;
            padding:0.3rem 0.85rem;
            border-radius:999px;
            border:1px solid rgba(16,185,129,0.4);
            background:rgba(209,250,229,0.8);
            color:#047857;
            font-size:0.8rem;
            font-weight:700;
        }
        .status-dot {box-shadow:0 0 10px rgba(16,185,129,0.8);}
        .utility-announcement {
            display:flex;
            align-items:center;
            gap:0.45rem;
            color:#475569;
        }
        .utility-links {
            display:inline-flex;
            align-items:center;
            gap:0.65rem;
        }
        .utility-links a {
            color:#0F172A;
            font-weight:600;
            transition:color 0.2s ease;
        }
        .utility-links a:hover {color:var(--blue);}
        .utility-right {
            display:flex;
            align-items:center;
            gap:0.65rem;
        }
        .utility-controls {
            display:flex;
            align-items:center;
            gap:0.5rem;
        }
        .utility-pill {
            border: none;
            background: transparent;
            padding: 0;
            min-height: auto;
            box-shadow: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            position: relative;
        }
        .utility-pill:focus-visible {
            outline: 2px solid rgba(59,130,246,0.4);
            outline-offset: 5px;
            border-radius: 14px;
        }
        .utility-node {
            width: 44px;
            height: 44px;
            border-radius: 1rem;
            background: rgba(15,23,42,0.04);
            display: grid;
            place-items: center;
            font-weight: 700;
            color: var(--text);
            transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
        }
        .utility-pill:hover .utility-node {
            background: rgba(59,130,246,0.14);
            color: var(--blue);
            transform: translateY(-1px);
        }
        .utility-controls {
            display: flex;
            align-items: center;
            gap: 0.45rem;
            flex-wrap: wrap;
        }
        .utility-pill {
            border: none;
            background: transparent;
            padding: 0;
            min-height: auto;
            box-shadow: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            position: relative;
        }
        .utility-pill:focus-visible {
            outline: 2px solid rgba(59,130,246,0.4);
            outline-offset: 4px;
            border-radius: 14px;
        }
        .utility-node {
            width: 40px;
            height: 40px;
            border-radius: 1rem;
            background: rgba(15,23,42,0.04);
            display: grid;
            place-items: center;
            font-weight: 700;
            color: var(--text);
            transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
        }
        .utility-pill:hover .utility-node {
            background: rgba(59,130,246,0.16);
            color: var(--blue);
            transform: translateY(-1px);
        }
        .utility-node svg {
            width: 18px;
            height: 18px;
            stroke: currentColor;
            stroke-width: 1.6;
            fill: none;
        }
        .currency-wrapper {position: relative;}
        .currency-icon {font-size: 0.95rem;}
        .currency-value {display: none;}
        .currency-caret,
        .lang-caret {
            font-size: 0.7rem;
            color: #94A3B8;
            margin-left: 0.25rem;
        }
        .lang-switcher .utility-node {padding: 0;}
        .lang-flag {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-size: cover;
            background-position: center;
            border: 1px solid rgba(148,163,184,0.45);
        }
        .lang-name {display: none;}
        .cart-pill {position: relative;}
        .cart-pill .cart-count {
            position: absolute;
            top: -2px;
            right: -4px;
            min-width: 18px;
            height: 18px;
            border-radius: 999px;
            background: var(--blue);
            color: #fff;
            font-size: 0.65rem;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 4px;
            box-shadow: 0 4px 10px rgba(29,78,216,0.25);
        }
        .user-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.35rem 0.85rem;
            border-radius: 999px;
            background: rgba(15,23,42,0.04);
            border: 1px solid rgba(148,163,184,0.4);
            font-weight: 600;
            color: var(--text);
            cursor: pointer;
            transition: border-color 0.2s ease, background 0.2s ease;
        }
        .user-pill:hover {border-color: rgba(59,130,246,0.4);background: rgba(59,130,246,0.08);}
        .user-pill-text {
            display: flex;
            gap: 0.2rem;
            line-height: 1.2;
        }
        .user-pill-text span:last-child {font-weight: 700;}
        .account-caret {display:none;font-size:0.85rem;color:var(--muted);}
        .account-node svg {stroke-width:1.4;}
        .account-node svg rect {rx:2;}
        .visually-hidden {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .currency-dropdown {
            position: absolute;
            top: calc(100% + 0.45rem);
            right: 0;
            width: min(260px, 90vw);
            background: #fff;
            border-radius: 0.9rem;
            border: 1px solid var(--border);
            box-shadow: 0 25px 55px rgba(15,23,42,0.18);
            padding: 0.8rem;
            z-index: 600;
            opacity: 0;
            pointer-events: none;
            transform: translateY(-8px);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }
        .currency-wrapper.open .currency-dropdown {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
        }
        .currency-option {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 0.6rem;
            padding: 0.65rem;
            border-radius: 0.75rem;
            cursor: pointer;
            border: 1px solid transparent;
        }
        .currency-option strong {font-size:0.95rem;}
        .currency-option small {color: var(--muted);}
        .currency-option:hover {background:#F5F7FF;}
        .currency-option.active {
            background:#EFF6FF;
            border-color: rgba(59,130,246,0.5);
        }
        .currency-symbol {font-weight:700;color:var(--blue);}
        .lang-command {
            position: fixed;
            inset: 0;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            padding-top: 120px;
            background: rgba(15,23,42,0.45);
            backdrop-filter: blur(6px);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.25s ease;
            z-index: 140;
        }
        .lang-command.open {
            opacity: 1;
            pointer-events: auto;
        }
        .lang-command-panel {
            width: min(620px, 94vw);
            background: #fff;
            border-radius: 1rem;
            border: 1px solid var(--border);
            box-shadow: 0 35px 80px rgba(15,23,42,0.2);
            padding: 1.2rem 1.4rem 1.4rem;
            transform: translateY(-20px);
            transition: transform 0.3s ease;
        }
        .lang-command.open .lang-command-panel {
            transform: translateY(0);
        }
        .lang-command header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.8rem;
        }
        .lang-command header small {color: var(--muted);display:block;}
        .lang-search {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            border: 1px solid var(--border);
            border-radius: 0.9rem;
            padding: 0.6rem 0.8rem;
            background: #F8FAFF;
        }
        .lang-search input {
            border: none;
            flex: 1;
            font-size: 0.95rem;
            background: transparent;
        }
        .lang-search input:focus {outline: none;}
        .lang-shortcut {
            font-size: 0.75rem;
            color: var(--muted);
            border: 1px solid var(--border);
            border-radius: 0.5rem;
            padding: 0.15rem 0.4rem;
        }
        .lang-groups {
            max-height: 360px;
            overflow-y: auto;
            margin-top: 1rem;
            display: flex;
            flex-direction: column;
            gap: 0.9rem;
        }
        .lang-group-title {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--muted);
        }
        .lang-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.8rem;
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            padding: 0.65rem 0.9rem;
            cursor: pointer;
            transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
        }
        .lang-item:hover {background: #EFF6FF;border-color: rgba(59,130,246,0.4);transform: translateX(2px);}
        .lang-info {display:flex;align-items:center;gap:0.7rem;}
        .lang-item .lang-flag-icon {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background-size: cover;
            background-position: center;
            box-shadow: 0 0 0 1px rgba(15,23,42,0.08);
        }
        .lang-info strong {font-weight:600;color:#0f172a;}
        .lang-item small {color: var(--muted);}
        .lang-empty {padding:1rem;border:1px dashed rgba(148,163,184,0.35);border-radius:0.9rem;color:var(--muted);text-align:center;}
        .lang-close {
            border: none;
            background: transparent;
            font-size: 1rem;
            cursor: pointer;
            color: var(--muted);
        }
        header {
            position: sticky;
            top: 0;
            z-index: 60;
            background: rgba(255,255,255,0.96);
            backdrop-filter: blur(18px);
            border-bottom: 1px solid rgba(229,231,235,0.9);
            transition: box-shadow 0.3s ease, padding 0.3s ease;
            overflow: visible;
        }
        header.header-scrolled {
            box-shadow: 0 10px 25px rgba(15,23,42,0.08);
        }
        .header-inner {
            width: min(1200px, 95vw);
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: 1.2rem;
            padding: 0.85rem 1rem;
            position: relative;
            z-index: 2;
        }
        header.header-scrolled .header-inner {
            padding: 0.65rem 1rem;
        }
        .header-canopy {
            position: absolute;
            inset: 0;
            pointer-events: none;
            overflow: hidden;
            z-index: 1;
        }
        .canopy-shape {
            position: absolute;
            width: 280px;
            height: 280px;
            border-radius: 45%;
            opacity: 0.55;
            animation: canopyDrift 18s ease-in-out infinite alternate;
        }
        .shape-one {
            top: -120px;
            left: -80px;
            background: radial-gradient(circle, rgba(59,130,246,0.45), transparent 65%);
        }
        .shape-two {
            bottom: -140px;
            right: -60px;
            background: radial-gradient(circle, rgba(14,165,233,0.35), transparent 60%);
            animation-duration: 22s;
        }
        .canopy-gradient {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 70% 30%, rgba(14,165,233,0.15), transparent 55%);
            animation: canopyPulse 12s ease-in-out infinite;
        }
        .logo {
            display: inline-flex;
            align-items: center;
        }
        .logo img {
            height: 60px;
            width: auto;
            display: block;
        }
                .nav-shell {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.35rem 0;
            position: relative;
        }
        .primary-nav ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.65rem;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .primary-nav li {list-style:none;}
        .nav-link {
            position: relative;
            padding: 0.35rem 0.7rem;
            font-weight: 600;
            font-size: 0.95rem;
            color: #475569;
            transition: color 0.2s ease;
        }
        .nav-link i {font-size: 0.85rem;}
        .nav-link::after {
            content: \"\";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -0.55rem;
            height: 2px;
            border-radius: 999px;
            background: linear-gradient(90deg, var(--cyan), var(--blue));
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.25s ease;
        }
        .nav-link:hover,
        .nav-link:focus-visible {color: var(--blue);}
        .nav-link:hover::after,
        .nav-link:focus-visible::after {transform: scaleX(1);}
        .nav-link.active {
            color: var(--blue);
        }
        .nav-link.active::after {
            transform: scaleX(1);
        }
        .nav-rail,
        .nav-orbit {display:none;}
        .nav-panels {
            position: absolute;
            top: calc(100% + 0.6rem);
            left: 50%;
            transform: translate(-50%, 10px);
            width: min(960px, 90vw);
            background: rgba(255,255,255,0.96);
            border-radius: 1.3rem;
            border: 1px solid rgba(148,163,184,0.35);
            box-shadow: 0 35px 80px rgba(15,23,42,0.18);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.25s ease, transform 0.25s ease;
            overflow: hidden;
            backdrop-filter: blur(10px);
            z-index: 80;
        }
        .nav-panels.open {
            opacity: 1;
            pointer-events: auto;
            transform: translate(-50%, 0);
        }
        .nav-panel {display: none;}
        .nav-panel.active {display: block;}
        .nav-panel-grid {
            display: grid;
            grid-template-columns: minmax(0,2.1fr) minmax(0,1fr);
            position: relative;
            z-index: 1;
        }
        .nav-panel-links {
            padding: 1.4rem;
            display: grid;
            grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
            gap: 0.8rem;
        }
        .nav-panel-links a {
            display: flex;
            gap: 0.8rem;
            padding: 1rem;
            border-radius: 1rem;
            border: 1px solid rgba(148,163,184,0.25);
            background: rgba(248,250,255,0.95);
            color: var(--text);
            transition: transform 0.2s ease, border 0.2s ease, box-shadow 0.2s ease;
        }
        .nav-dropdown-text {
            display: flex;
            flex-direction: column;
            line-height: 1.3;
        }
        .nav-dropdown-title {
            font-size: 1rem;
            font-weight: 600;
            display: block;
        }
        .nav-dropdown-text small {
            display: block;
            font-size: 0.78rem;
            margin-top: 0.2rem;
            color: rgba(15,23,42,0.65);
            letter-spacing: 0.01em;
        }
        .nav-panel-links a i {
            font-size: 1rem;
            color: var(--blue);
            margin-top: 0.15rem;
        }
        .nav-panel-links a:hover {
            border-color: rgba(59,130,246,0.45);
            box-shadow: 0 15px 30px rgba(15,23,42,0.12);
            transform: translateY(-3px);
            background: #fff;
        }
        .nav-panel-highlight {
            padding: 1.4rem;
            border-left: 1px solid rgba(148,163,184,0.3);
            background: linear-gradient(160deg, rgba(59,130,246,0.2), rgba(14,165,233,0.15));
            display: flex;
            flex-direction: column;
            gap: 0.65rem;
            justify-content: space-between;
        }
        .nav-highlight-chip {
            align-self: flex-start;
            padding: 0.25rem 0.7rem;
            border-radius: 999px;
            background: rgba(255,255,255,0.9);
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--blue);
        }
        .nav-highlight-title {font-size:1rem;font-weight:700;color:var(--text);}
        .nav-highlight-text {font-size:0.85rem;color:var(--muted);line-height:1.4;}
        .nav-highlight-link {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            font-weight: 600;
            color: var(--text);
        }
        .nav-highlight-link i {transition: transform 0.2s ease;}
        .nav-highlight-link:hover i {transform: translateX(3px);}
        .nav-actions {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            justify-content: flex-end;
            margin-left: auto;
        }
        .nav-actions .btn.nav-small {
            padding: 0.45rem 1rem;
            font-size: 0.85rem;
            box-shadow: none;
        }
        .nav-dropdown {position:relative;}
        .nav-dropdown-toggle {
            display:flex;
            align-items:center;
            gap:0.4rem;
            border:none;
            border-radius:999px;
            background:rgba(15,23,42,0.08);
            color:var(--text);
            font-weight:600;
            padding:0.45rem 0.9rem;
            cursor:pointer;
            transition:background 0.2s ease, box-shadow 0.2s ease;
        }
        .nav-dropdown-toggle i {font-size:0.75rem;}
        .nav-dropdown-toggle:hover,
        .nav-dropdown.open .nav-dropdown-toggle {
            background:rgba(15,23,42,0.12);
            box-shadow:0 8px 20px rgba(15,23,42,0.12);
        }
        .nav-dropdown-menu {
            position:absolute;
            top:calc(100% + 0.5rem);
            right:0;
            min-width:220px;
            background:#fff;
            border-radius:1rem;
            border:1px solid rgba(148,163,184,0.2);
            box-shadow:0 15px 35px rgba(15,23,42,0.15);
            padding:0.5rem;
            opacity:0;
            pointer-events:none;
            transform:translateY(-6px);
            transition:opacity 0.2s ease, transform 0.2s ease;
            z-index:25;
        }
        .nav-dropdown.open .nav-dropdown-menu {
            opacity:1;
            pointer-events:auto;
            transform:translateY(0);
        }
        .nav-dropdown-link {
            display:flex;
            align-items:center;
            gap:0.5rem;
            padding:0.55rem 0.65rem;
            border-radius:0.75rem;
            color:var(--text);
            font-weight:600;
            text-decoration:none;
            transition:background 0.2s ease;
        }
        .nav-dropdown-link i {color:var(--blue);}
        .nav-dropdown-link.logout-link {color:#b91c1c;}
        .nav-dropdown-link.logout-link i {color:#b91c1c;}
        .nav-dropdown-link:hover {background:rgba(15,23,42,0.04);}
        .mobile-ctas .btn.nav-small {
            padding: 0.5rem 1.1rem;
            font-size: 0.9rem;
        }
        .mobile-dropdown-block {
            display:flex;
            flex-direction:column;
            gap:0.35rem;
            padding:0.4rem 0;
        }
        .mobile-dropdown-links {
            display:flex;
            flex-direction:column;
            gap:0.35rem;
        }
        .mobile-dropdown-links a {
            display:flex;
            align-items:center;
            gap:0.4rem;
            padding:0.45rem 0.6rem;
            border-radius:0.75rem;
            background:rgba(15,23,42,0.05);
            font-weight:600;
            text-decoration:none;
            color:var(--text);
        }
        .mobile-dropdown-links a.logout-link {
            color:#b91c1c;
            background:rgba(239,68,68,0.12);
        }
        .nav-actions .nav-greeting {
            font-size: 0.85rem;
            color: var(--muted);
        }
        .nav-notifications {
            position: relative;
        }
        .nav-bell {
            border: none;
            background: rgba(15,23,42,0.08);
            border-radius: 999px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text);
            cursor: pointer;
            position: relative;
            transition: background 0.2s ease, transform 0.2s ease;
        }
        .nav-bell:hover {background: rgba(15,23,42,0.15);transform: translateY(-1px);}
        .nav-bell-count {
            position: absolute;
            top: -4px;
            right: -4px;
            background: #ef4444;
            color: #fff;
            border-radius: 999px;
            font-size: 0.6rem;
            font-weight: 700;
            padding: 0 0.3rem;
        }
        .nav-notifications-panel {
            position: absolute;
            top: calc(100% + 0.75rem);
            right: 0;
            width: 320px;
            background: #fff;
            border-radius: 1rem;
            box-shadow: 0 20px 45px rgba(15,23,42,0.18);
            border: 1px solid rgba(148,163,184,0.25);
            padding: 0.9rem;
            display: none;
            z-index: 200;
        }
        .nav-notifications.open .nav-notifications-panel {display:block;}
        .nav-notification-item {
            border-bottom: 1px solid rgba(226,232,240,0.9);
            padding: 0.6rem 0;
        }
        .nav-notification-item:last-child {border-bottom: none;}
        .nav-notification-item small {display:block;font-size:0.75rem;color:#94a3b8;}
        .nav-notification-item strong {display:block;font-size:0.85rem;margin-top:0.1rem;color:var(--text);}
        .nav-notification-item p {margin:0.3rem 0;font-size:0.85rem;color:#475569;}
        .nav-notification-empty {text-align:center;font-size:0.85rem;color:#94a3b8;padding:0.4rem 0;}
        .mobile-ctas .nav-notifications-panel {
            position: static;
            width: 100%;
            margin-top: 0.5rem;
            box-shadow: none;
        }
        .btn-outline {
            border: 1px solid #D1D5DB;
            color: var(--blue);
            background: transparent;
        }
        .btn {
            border-radius: 999px;
            padding: 0.75rem 1.6rem;
            border: none;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .btn-ghost {
            background: rgba(15,23,42,0.05);
            color: #0f172a;
            border: 1px solid rgba(148,163,184,0.35);
        }
        .btn-ghost:hover {
            color: var(--blue);
            border-color: rgba(59,130,246,0.5);
            background: rgba(59,130,246,0.08);
        }
        .btn-primary {
            background: linear-gradient(130deg, var(--blue), var(--cyan));
            color: #fff;
            box-shadow: 0 18px 40px rgba(15,118,255,0.35);
        }
        .btn-primary:hover {transform: translateY(-2px);}
        .btn-secondary {
            background: transparent;
            color: var(--blue);
            border: 2px solid rgba(59,130,246,0.6);
        }
        .btn-sm {padding:0.4rem 0.9rem;font-size:0.85rem;}
        .sign-in-link {color: var(--muted);font-weight: 600;}
        .hamburger {
            width: 46px;
            height: 46px;
            border-radius: 14px;
            border: 1px solid var(--border);
            display: none;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .hamburger span,
        .hamburger::before,
        .hamburger::after {
            content: "";
            width: 22px;
            height: 2px;
            background: var(--text);
            position: absolute;
            transition: transform 0.3s ease;
        }
        .hamburger::before {transform: translateY(-6px);}
        .hamburger::after {transform: translateY(6px);}
        .hamburger.active span {opacity:0;}
        .hamburger.active::before {transform: rotate(45deg);}
        .hamburger.active::after {transform: rotate(-45deg);}
        .mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            padding: 1.5rem 1.5rem 2rem;
            transform: translateY(-100%);
            transition: transform 0.35s ease;
            z-index: 120;
            overflow-y: auto;
        }
        .mobile-menu.open {
            transform: translateY(0);
        }
        .mobile-section {
            border-bottom: 1px solid var(--border);
        }
        .mobile-section-toggle {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 0;
            background: transparent;
            border: none;
            font-weight: 600;
            font-size: 1rem;
            color: var(--text);
        }
        .mobile-section-toggle i {color: var(--muted);transition: transform 0.3s ease;}
        .mobile-section.is-open .mobile-section-toggle i {
            transform: rotate(180deg);
        }
        .mobile-submenu {
            max-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
            transition: max-height 0.3s ease;
        }
        .mobile-section.is-open .mobile-submenu {
            max-height: 500px;
            padding-bottom: 0.8rem;
        }
        .mobile-submenu a {
            padding: 0.3rem 0;
            color: var(--muted);
            font-weight: 500;
        }
        .mobile-ctas {
            margin-top: 1.5rem;
            display: flex;
            flex-direction: column;
            gap: 0.6rem;
        }
        .mobile-ctas a {
            text-align: center;
        }
        .mobile-ctas .btn-outline,
        .mobile-ctas .btn-primary {
            width: 100%;
        }
        .mobile-login {
            text-align: center;
            color: var(--muted);
        }
        main {padding: 0;}
        section {padding: 4rem 0;}
        h1 {font-size: clamp(2.7rem, 6vw, 3.5rem);line-height: 1.15;}
        h2 {font-size: clamp(2.1rem, 4vw, 2.6rem);margin-bottom: 0.4rem;}
        h3 {font-size: 1.4rem;}
        .muted {color: var(--muted);}
        .hero-register {
            position: relative;
            padding: 5rem 0 6rem;
            background: radial-gradient(circle at 5% 20%, rgba(59,130,246,0.18), transparent 55%),
                        radial-gradient(circle at 85% 0%, rgba(14,165,233,0.18), transparent 60%),
                        linear-gradient(180deg, #01020a 0%, #050d21 55%, #07142f 100%);
            overflow: hidden;
            color: #E7EEFF;
        }
        .hero-register .hero-cms-bg,
        .hosting-hero .hero-cms-bg,
        .vps-hero .hero-cms-bg,
        .domains-hero .hero-cms-bg {position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.35;mix-blend-mode:screen;}
        .hero-register::before,
        .hero-register::after {
            content: "";
            position: absolute;
            border-radius: 50%;
            border: 1px solid rgba(148,163,184,0.3);
            filter: blur(0.3px);
        }
        .hero-register::before {
            width: 560px;
            height: 560px;
            top: -320px;
            right: -120px;
            animation: heroScan 24s linear infinite;
        }
        .hero-register::after {
            width: 420px;
            height: 420px;
            bottom: -240px;
            left: -150px;
            animation: heroScan 30s linear infinite reverse;
        }
        .hero-particles {
            position: absolute;
            inset: 0;
            pointer-events: none;
        }
        .hero-particles span {
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: rgba(59,130,246,0.6);
            filter: blur(1px);
            animation: particleDrift 12s linear infinite;
        }
        .hero-noise,
        .hero-scanline {
            position:absolute;
            inset:0;
            pointer-events:none;
        }
        .hero-noise {
            background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" stitchTiles="stitch"/></filter><rect width="80" height="80" filter="url(%23n)" opacity="0.25"/></svg>');
            opacity:0.2;
            mix-blend-mode:screen;
            animation: noiseShift 6s steps(3) infinite;
        }
        .hero-scanline {
            background:linear-gradient(180deg,rgba(255,255,255,0.08) 0,transparent 40%);
            opacity:0.1;
            animation: scanSweep 10s linear infinite;
        }
        .hero-aurora {
            position:absolute;
            inset:15% 5%;
            border-radius:50%;
            background:radial-gradient(circle at 30% 30%,rgba(59,130,246,0.25),transparent 65%);
            filter:blur(90px);
            opacity:0.85;
            animation: auroraDrift 16s ease-in-out infinite alternate;
        }
        .hero-orbits {
            position:absolute;
            inset:0;
            pointer-events:none;
            mix-blend-mode:screen;
        }
        .hero-orbits span {
            position:absolute;
            border:1px solid rgba(148,163,184,0.3);
            border-radius:50%;
            animation: orbitDrift 18s linear infinite;
            opacity:0.35;
        }
        .hero-orbits span:nth-child(1) {width:280px;height:280px;top:10%;left:12%;}
        .hero-orbits span:nth-child(2) {width:360px;height:360px;bottom:8%;right:15%;animation-duration:22s;}
        .hero-orbits span:nth-child(3) {width:200px;height:200px;bottom:20%;left:5%;animation-duration:26s;}
        .hero-flex {
            width: min(1180px,94vw);
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
            gap: 3.5rem;
            position: relative;
            z-index: 2;
            align-items: center;
        }
        .hero-copy {max-width:560px;}
        .hero-copy h1 {color:#F8FBFF;font-size:clamp(3rem,5vw,4rem);}
        .hero-copy h1 span.typing {
            border-right:2px solid rgba(248,250,255,0.85);
            padding-right:6px;
            animation: caretBlink 0.9s steps(1) infinite;
        }
        .hero-copy p {margin:1.1rem 0;color:rgba(226,232,255,0.85);font-size:1.05rem;}
        .hero-stat-grid {
            display:flex;
            flex-wrap:wrap;
            gap:1rem;
            margin-top:1.3rem;
            margin-bottom:3rem;
        }
        .hero-stat {
            min-width:150px;
            padding:0.85rem 1rem;
            border-radius:1rem;
            border:1px solid rgba(59,130,246,0.25);
            background:rgba(2,8,28,0.7);
            box-shadow:0 18px 40px rgba(1,8,25,0.4);
        }
        .hero-stat strong {display:block;font-size:1.4rem;color:#fff;}
        .hero-stat span {color:rgba(226,232,255,0.7);font-size:0.85rem;}
        .hero-actions {display:flex;flex-wrap:wrap;gap:1rem;align-items:center;}
        .hero-actions .btn-primary {box-shadow:0 30px 60px rgba(37,99,235,0.45);}
        .hero-actions .btn-secondary {border-color:rgba(248,250,255,0.6);color:#E7EEFF;background:rgba(255,255,255,0.06);}
        .hero-assist {display:flex;align-items:center;gap:0.4rem;color:rgba(226,232,255,0.65);font-size:0.9rem;}
        .hero-assist .assist-dot {width:8px;height:8px;border-radius:50%;background:#10B981;box-shadow:0 0 12px rgba(16,185,129,0.8);}
        .register-module {
            background:rgba(1,5,18,0.9);
            border:1px solid rgba(59,130,246,0.35);
            border-radius:1.6rem;
            padding:1.9rem;
            box-shadow:0 45px 90px rgba(1,6,23,0.65);
            backdrop-filter:blur(18px);
            position:relative;
            overflow:hidden;
        }
        .register-module::after {
            content:"";
            position:absolute;
            inset:0;
            background:radial-gradient(circle at 80% 10%,rgba(59,130,246,0.08),transparent 55%);
            pointer-events:none;
        }
        .register-module h3 {color:#fff;margin-bottom:0.3rem;font-size:1.4rem;}
        .register-module p {color:rgba(226,232,255,0.7);margin-bottom:1.2rem;font-size:0.95rem;}
        .register-fields {display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;}
        .register-field label {text-transform:uppercase;letter-spacing:0.12em;font-size:0.75rem;color:rgba(226,232,255,0.65);display:block;margin-bottom:0.35rem;}
        .register-field input,
        .register-field select {
            width:100%;
            padding:0.75rem 0.9rem;
            border-radius:0.9rem;
            border:1px solid rgba(148,163,184,0.35);
            background:rgba(3,8,24,0.7);
            color:#fff;
            font-weight:600;
        }
        .register-module .btn-primary {
            width:100%;
            justify-content:center;
            margin-bottom:0.75rem;
        }
        .register-module small {color:rgba(226,232,255,0.65);display:block;}
        .partners-section {
            position: relative;
            padding: clamp(3rem, 6vw, 4.5rem) 0;
            overflow: hidden;
            background: linear-gradient(135deg, #f4f7ff, #eef2ff);
        }
        .partners-section .partner-orbits {
            position:absolute;
            inset:0;
            pointer-events:none;
            z-index:1;
        }
        .partner-orbits .orbit {
            position:absolute;
            border-radius:50%;
            border:1px solid rgba(99,102,241,0.25);
            animation: orbitSpin 20s linear infinite;
            filter:drop-shadow(0 10px 30px rgba(59,130,246,0.2));
        }
        .partner-orbits .orbit-one {
            width:520px;
            height:520px;
            top:10%;
            left:-120px;
            animation-duration:24s;
        }
        .partner-orbits .orbit-two {
            width:420px;
            height:420px;
            top:40%;
            right:-140px;
            animation-duration:18s;
        }
        .partner-orbits .orbit-three {
            width:300px;
            height:300px;
            bottom:5%;
            left:20%;
            animation-duration:30s;
        }
        @keyframes orbitSpin {
            0% {transform:rotate(0deg);}
            100% {transform:rotate(360deg);}
        }
        .partners-section::before,
        .partners-section::after {
            content: "";
            position: absolute;
            width: 420px;
            height: 420px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(59,130,246,0.18), transparent 65%);
            filter: blur(4px);
            pointer-events: none;
            animation: partnerPulse 9s ease-in-out infinite;
        }
        .partners-section::before {top: -140px; left: -100px;}
        .partners-section::after {bottom: -180px; right: -60px; animation-delay: 2s;}
        .partners-section .container {position:relative;z-index:2;text-align:center;}
        .partners-text span.section-pill {font-size:0.72rem;letter-spacing:0.22em;}
        .partners-text h3 {font-size:2.1rem;margin:0.9rem auto 0.5rem;color:#0f172a;}
        .partners-text p {color:#475569;max-width:620px;margin:0 auto;}
        .partners-tagline {margin-top:1.2rem;font-weight:600;letter-spacing:0.25em;font-size:0.85rem;color:#0f172a;text-transform:uppercase;}
        .partners-logos {
            margin-top:2.4rem;
            display:grid;
            grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
            gap:1.2rem;
            perspective: 1200px;
        }
        .partner-card {
            position:relative;
            border-radius:1.25rem;
            padding:1.25rem 1rem;
            display:flex;
            align-items:center;
            justify-content:center;
            background: rgba(255,255,255,0.85);
            border:1px solid rgba(99,102,241,0.25);
            box-shadow:0 18px 45px rgba(15,23,42,0.15);
            overflow:hidden;
            animation: floatCard 6s ease-in-out infinite;
        }
        .partner-card::before {
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(120deg, rgba(59,130,246,0.25), transparent);
            opacity:0;
            transition:opacity 0.3s ease;
        }
        .partner-card::after {
            content:"";
            position:absolute;
            top:-60%;
            left:-30%;
            width:60%;
            height:220%;
            transform:rotate(25deg);
            background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.4), rgba(255,255,255,0));
            opacity:0;
        }
        .partner-card:hover::before {opacity:1;}
        .partner-card:hover::after {
            opacity:1;
            animation: shimmer 1.2s forwards;
        }
        .partners-logos .partner-card:nth-child(2n) {animation-delay:0.6s;}
        .partners-logos .partner-card:nth-child(3n) {animation-delay:1s;}
        .partner-card img {
            max-height:42px;
            width:auto;
            object-fit:contain;
            filter: drop-shadow(0 10px 20px rgba(15,23,42,0.12));
        }
        @keyframes floatCard {
            0% {transform:translateY(0) rotateX(0deg);}
            50% {transform:translateY(-10px) rotateX(2deg);}
            100% {transform:translateY(0) rotateX(0deg);}
        }
        @keyframes shimmer {
            0% {transform:translateX(-100%);opacity:0;}
            100% {transform:translateX(250%);opacity:0;}
        }
        .cms-sections-content {padding: clamp(3rem, 6vw, 4.5rem) 0;background:#f8fbff;}
        .cms-sections-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;}
        .cms-section-card {background:#fff;border-radius:1.2rem;border:1px solid rgba(148,163,184,0.25);padding:1.25rem;box-shadow:0 20px 45px rgba(15,23,42,0.08);}
        .cms-section-card h3 {margin-bottom:0.4rem;color:#0f172a;}
        .cms-section-card p {color:#475569;margin:0;}
        .cms-sku-list {list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:0.5rem;}
        .cms-sku-list li {border:1px dashed rgba(148,163,184,0.4);border-radius:0.9rem;padding:0.5rem 0.75rem;display:flex;flex-direction:column;gap:0.1rem;}
        .cms-sku-list span {color:#64748b;font-size:0.85rem;}
        .cms-sku-list em {font-style:normal;font-weight:600;color:#0f172a;}
@keyframes partnerPulse {
            0%,100% {opacity:0.4;transform:scale(1);}
            50% {opacity:0.8;transform:scale(1.15);}
        }
        [dir="rtl"] .partners-text h3,
        [dir="rtl"] .partners-text p {direction:rtl;}
        [dir="rtl"] .partners-logos {direction:rtl;}
        .section-header {text-align:center;margin-bottom:2.5rem;}
        .section-pill {
            display:inline-flex;
            align-items:center;
            gap:0.4rem;
            font-size:0.75rem;
            letter-spacing:0.18em;
            text-transform:uppercase;
            padding:0.35rem 1rem;
            border-radius:999px;
            color:var(--blue);
            border:1px solid rgba(59,130,246,0.35);
            background:rgba(59,130,246,0.07);
        }
        .services-lattice {
            position:relative;
            padding:5rem 0 5.5rem;
            background:radial-gradient(circle at 25% 0%,rgba(37,99,235,0.4),transparent 55%),linear-gradient(135deg,#030b1f,#050e29);
            color:#E6EEFF;
            overflow:hidden;
        }
        .services-lattice::before,
        .services-lattice::after {
            content:"";
            position:absolute;
            width:260px;
            height:260px;
            border-radius:50%;
            border:1px solid rgba(59,130,246,0.2);
        }
        .services-lattice::before {top:-60px;right:5%;}
        .services-lattice::after {bottom:-90px;left:10%;}
        .services-lattice .container {position:relative;z-index:2;}
        .services-lattice .section-pill {color:#E6EEFF;border-color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.05);}
        .lattice-header h2 {font-size:clamp(2.4rem,4vw,3.4rem);margin-top:1rem;color:#fff;}
        .lattice-header p {max-width:640px;color:rgba(226,232,255,0.75);margin-top:0.8rem;}
        .lattice-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2.5rem 0 2rem;}
        .stat-card {padding:1rem 1.2rem;border-radius:1.1rem;border:1px solid rgba(148,163,184,0.3);background:rgba(2,10,30,0.75);box-shadow:0 25px 40px rgba(2,8,28,0.45);}
        .stat-card strong {display:block;font-size:1.6rem;color:#fff;}
        .stat-card span {color:rgba(226,232,255,0.7);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.12em;}
        .service-pills {display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:2.5rem;}
        .service-pills span {border:1px solid rgba(255,255,255,0.22);border-radius:999px;padding:0.4rem 0.95rem;color:rgba(226,232,255,0.8);font-weight:600;font-size:0.85rem;}
        .lattice-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.3rem;}
        .lattice-card {position:relative;padding:1.8rem;border-radius:1.5rem;border:1px solid rgba(99,102,241,0.35);background:linear-gradient(160deg,rgba(4,13,40,0.95),rgba(14,78,173,0.35));box-shadow:0 30px 60px rgba(3,6,23,0.65);overflow:hidden;}
        .lattice-card::after {content:"";position:absolute;width:140px;height:140px;top:-40px;right:-20px;border-radius:50%;background:rgba(56,189,248,0.15);}
        .lattice-card i {font-size:1.4rem;color:#93C5FD;margin-bottom:1rem;display:inline-flex;}
        .lattice-card h3 {color:#fff;font-size:1.2rem;margin-bottom:0.5rem;}
        .lattice-card p {color:rgba(226,232,255,0.8);font-size:0.95rem;margin-bottom:0.9rem;}
        .lattice-card ul {padding-left:1rem;color:rgba(226,232,255,0.7);font-size:0.9rem;}
        .lattice-card ul li {margin-bottom:0.35rem;}
        .deployment-steps {padding:5rem 0;background:linear-gradient(180deg,#fff,#f4f7ff);}
        .steps-grid {width:min(1200px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;}
        .steps-copy h2 {font-size:clamp(2.2rem,3.4vw,3rem);margin:0.75rem 0;color:var(--text);}
        .steps-copy p {color:var(--muted);}
        .timeline-list {margin-top:2rem;display:flex;flex-direction:column;gap:1.1rem;list-style:none;}
        .timeline-step {display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,0.4);}
        .timeline-step span {width:40px;height:40px;border-radius:999px;border:1px solid rgba(59,130,246,0.3);display:grid;place-items:center;font-weight:700;color:var(--blue);}
        .timeline-step strong {display:block;font-size:1.05rem;color:var(--text);}
        .timeline-step p {margin-top:0.2rem;color:var(--muted);font-size:0.92rem;}
        .steps-panel {background:linear-gradient(150deg,#050f2a,#0f2471);border-radius:1.6rem;padding:2rem;border:1px solid rgba(59,130,246,0.35);box-shadow:0 35px 70px rgba(4,8,24,0.55);color:#E6EEFF;position:relative;overflow:hidden;}
        .steps-panel::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(59,130,246,0.3),transparent 55%);pointer-events:none;}
        .steps-panel-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:rgba(226,232,255,0.75);}
        .steps-panel > p {color:rgba(226,232,255,0.75);font-size:0.95rem;}
        .log-list {margin:1.6rem 0;display:flex;flex-direction:column;gap:0.9rem;}
        .log-entry {display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(148,163,184,0.4);padding-bottom:0.6rem;}
        .log-entry strong {color:#fff;font-size:1rem;}
        .log-entry small {color:rgba(226,232,255,0.7);}
        .log-entry div {display:flex;align-items:center;gap:0.4rem;}
        .log-entry .log-dot {width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,0.8);}
        .network-cta {position:relative;padding:5rem 0;background:linear-gradient(145deg,#01091c,#041436 60%,#051d45);color:#E5EEFF;overflow:hidden;}
        .network-cta::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(59,130,246,0.35),transparent 55%);opacity:0.7;pointer-events:none;}
        .network-header {text-align:center;width:min(840px,90vw);margin:0 auto;position:relative;z-index:2;}
        .network-header span.section-pill {color:#fff;border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.08);}
        .network-header h2 {font-size:clamp(2.3rem,3.5vw,3.2rem);margin:0.9rem 0;color:#fff;}
        .network-header p {color:rgba(226,232,255,0.78);margin-bottom:1.5rem;}
        .network-metrics {display:flex;justify-content:center;flex-wrap:wrap;gap:0.8rem;margin-bottom:1.8rem;}
        .network-metrics span {border:1px solid rgba(255,255,255,0.25);border-radius:0.9rem;padding:0.45rem 0.95rem;font-weight:600;font-size:0.9rem;}
        .network-actions {display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;}
        .network-actions .btn-secondary {border-color:rgba(255,255,255,0.4);color:#E6EEFF;background:transparent;}
        .network-map-shell {width:min(1400px,96vw);margin:2.5rem auto 0;position:relative;z-index:2;}
        .map-live {position:relative;height:420px;border-radius:1.4rem;overflow:hidden;box-shadow:0 35px 70px rgba(0,0,0,0.45);}
        .map-live::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(15,118,255,0.15),transparent 60%);pointer-events:none;}
        .map-live .leaflet-container {height:100%;width:100%;}
        .map-live .leaflet-tile {filter:saturate(0.95);}
        .location-cards {width:min(1180px,94vw);margin:2rem auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;}
        .location-card {
            border:1px solid rgba(255,255,255,0.18);
            border-radius:1.1rem;
            padding:1.2rem;
            background:linear-gradient(160deg,rgba(2,6,23,0.95),rgba(9,22,63,0.85));
            box-shadow:0 25px 50px rgba(0,0,0,0.35);
            position:relative;
            overflow:hidden;
            transition:transform 0.35s ease, border 0.35s ease;
        }
        .location-card::after {
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(120deg,rgba(59,130,246,0.18),transparent 70%);
            opacity:0;
            transition:opacity 0.35s ease;
        }
        .location-card:hover,
        .location-card.is-active {transform:translateY(-6px);border-color:rgba(96,165,250,0.85);}
        .location-card:hover::after,
        .location-card.is-active::after {opacity:1;}
        .location-card h4 {color:#fff;margin-bottom:0.2rem;font-size:1rem;}
        .location-card p {color:rgba(226,232,255,0.7);margin-bottom:0.8rem;font-size:0.9rem;}
        .location-meta {display:flex;flex-direction:column;gap:0.35rem;margin-bottom:0.9rem;}
        .location-meta span {display:flex;align-items:center;gap:0.4rem;color:rgba(226,232,255,0.8);font-size:0.88rem;}
        .location-meta i {color:#60a5fa;}
        .location-data {display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0.7rem;}
        .location-metric {border:1px solid rgba(255,255,255,0.15);border-radius:0.9rem;padding:0.5rem 0.7rem;}
        .location-metric small {display:block;font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(226,232,255,0.6);}
        .location-metric strong {color:#fff;font-size:0.95rem;}
        .contact-suite {padding:5rem 0;background:var(--bg);}
        .contact-grid {width:min(1180px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;align-items:start;}
        .contact-info h2 {font-size:clamp(2.1rem,3vw,3rem);margin:0.8rem 0;}
        .contact-info p {color:var(--muted);}
        .contact-info-cards {margin-top:2rem;display:flex;flex-direction:column;gap:1rem;}
        .contact-info-card {display:flex;align-items:center;gap:0.9rem;padding:1.1rem 1.3rem;border-radius:1.1rem;border:1px solid rgba(148,163,184,0.35);background:#fff;box-shadow:0 18px 35px rgba(15,23,42,0.08);}
        .contact-info-card i {width:44px;height:44px;border-radius:12px;background:rgba(59,130,246,0.12);display:grid;place-items:center;color:var(--blue);}
        .contact-info-card strong {display:block;color:var(--text);}
        .contact-info-card span {color:var(--muted);font-size:0.9rem;}
        .contact-info-card a {color:var(--text);font-weight:600;}
        .contact-form {background:#fff;border-radius:1.5rem;padding:2.2rem;border:1px solid rgba(148,163,184,0.35);box-shadow:0 30px 60px rgba(15,23,42,0.08);}
        .contact-form form {display:flex;flex-direction:column;gap:1rem;}
        .contact-form label {font-weight:600;color:var(--text);}
        .contact-form input,
        .contact-form textarea {width:100%;border-radius:1rem;border:1px solid rgba(148,163,184,0.5);padding:0.9rem 1rem;font-size:1rem;font-family:inherit;}
        .contact-form textarea {min-height:140px;resize:vertical;}
        .contact-location {margin-top:1.2rem;color:var(--muted);font-size:0.9rem;display:flex;align-items:center;gap:0.4rem;}
        .contact-location i {color:var(--blue);}
        footer {
            background:linear-gradient(180deg,#020a23 0%,#06173c 60%,#081f4a 100%);
            border-top:none;
            color:#E3ECFF;
        }
        .footer-inner {width:min(1200px,90vw);margin:0 auto;padding:3.5rem 0 1.8rem;}
        .footer-cta {
            background:rgba(4,13,38,0.8);
            border:1px solid rgba(255,255,255,0.15);
            border-radius:1.6rem;
            padding:2rem;
            display:flex;
            flex-wrap:wrap;
            gap:1.5rem;
            align-items:center;
            margin-bottom:2.5rem;
            box-shadow:0 30px 60px rgba(0,0,0,0.35);
        }
        .footer-cta h3 {font-size:1.8rem;color:#fff;margin-bottom:0.4rem;}
        .footer-cta p {color:rgba(226,232,255,0.78);max-width:460px;margin:0;}
        .footer-cta-actions {margin-left:auto;display:flex;flex-wrap:wrap;gap:0.8rem;}
        .footer-cta-actions .btn {padding:0.65rem 1.4rem;border-radius:999px;font-weight:600;}
        .footer-cta-actions .btn-secondary {border:1px solid rgba(255,255,255,0.4);color:#E6EEFF;background:transparent;}
        .footer-grid {display:grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-bottom:2rem;}
        .footer-brand {grid-column: span 2;min-width:220px;}
        .footer-brand p {color:rgba(226,232,255,0.75);max-width:360px;}
        .footer-column h4 {margin-bottom:0.7rem;font-size:1rem;color:#fff;}
        .footer-column a {display:block;color:rgba(226,232,255,0.65);margin-bottom:0.3rem;font-size:0.95rem;transition:color 0.2s;}
        .footer-column a:hover {color:#fff;}
        .footer-bottom {border-top:1px solid rgba(255,255,255,0.15);padding-top:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;color:rgba(226,232,255,0.65);}
        .socials {display:flex;gap:0.7rem;}
        .socials a {width:38px;height:38px;border:1px solid rgba(255,255,255,0.2);border-radius:12px;display:grid;place-items:center;transition:transform 0.2s ease, background 0.2s ease;}
        .socials a:hover {transform:translateY(-3px);background:rgba(255,255,255,0.12);color:#fff;}
        [data-animate] {opacity:0;transform:translateY(35px);transition:opacity 0.8s ease, transform 0.8s ease;}
        [data-animate].visible {opacity:1;transform:translateY(0);}
        body.page-auth [data-animate],
        body.page-admin [data-animate] {opacity:1 !important;transform:none !important;}
        @media (max-width: 960px) {
            .primary-nav {display: none;}
            .nav-actions {display:none;}
            .hamburger {display:flex;margin-left:auto;}
            .header-inner {gap: 0.8rem;width: min(1200px, 95vw);}
            .promo-ribbon .ribbon-inner {flex-direction: column;align-items:flex-start;gap:0.5rem;}
            .nav-shell {display:none;}
            .nav-panels {display:none;}
            .utility-shell {padding: 0 0.5rem;}
            .utility-right {
                width: 100%;
                justify-content: center;
                gap: 0.6rem;
            }
            .utility-controls {
                width: 100%;
                justify-content: center;
                gap: 0.35rem;
            }
            .utility-node {
                width: 36px;
                height: 36px;
            }
            .user-pill {justify-content:center;}
            .hero-register {padding:4rem 0 4.5rem;}
            .hero-flex {grid-template-columns:1fr;gap:2.5rem;}
            .register-module {padding:1.6rem;}
            .steps-grid,
            .network-cta-grid,
            .contact-grid {grid-template-columns:1fr;}
        }
        @media (max-width: 640px) {
            .utility-shell {
                padding: 0.5rem 4vw;
                flex-wrap: wrap;
                gap: 0.4rem;
            }
            .utility-left,
            .utility-right {
                flex: 1 1 100%;
                display: flex;
                align-items: center;
                gap: 0.4rem;
            }
            .utility-left {justify-content: space-between;}
            .utility-left .status-chip {padding:0.25rem 0.7rem;font-size:0.7rem;}
            .utility-links {
                flex: 1;
                justify-content: flex-end;
                gap: 0.5rem;
                font-size: 0.85rem;
            }
            .utility-right {
                justify-content: flex-end;
                gap: 0.45rem;
            }
            .utility-controls {
                display: flex;
                flex-wrap: nowrap;
                gap: 0.4rem;
            }
            .utility-pill {
                width: auto;
                flex-direction: row;
                gap: 0.25rem;
                padding: 0.45rem 0.6rem;
                border-radius: 0.9rem;
            }
            .utility-node {
                width: 42px;
                height: 42px;
            }
            .currency-wrapper,
            .lang-switcher,
            .cart-pill,
            .account-pill {padding:0.45rem 0.6rem;}
            .cart-pill .cart-count {top:2px;right:10px;}
            .visually-hidden,
            .user-pill-text {
                position: static;
                width: auto;
                height: auto;
                clip: auto;
                margin: 0;
                white-space: nowrap;
                font-size: 0.7rem;
                color: #475569;
            }
            .currency-caret,
            .lang-caret {display:none;}
        }
        @media (max-width: 720px) {
            .services-lattice,
            .deployment-steps,
            .network-cta,
            .contact-suite {padding:3.5rem 0;}
            .promo-ribbon .ribbon-inner {text-align:center;align-items:center;}
            .hero-chip-grid {grid-template-columns:1fr;}
        }
        @keyframes fadeInBar {
            from {opacity: 0; transform: translateY(-10px);}
            to {opacity: 1; transform: translateY(0);}
        }
        @keyframes canopyDrift {
            from {transform: translate(0,0) rotate(0deg);}
            to {transform: translate(40px,30px) rotate(8deg);}
        }
        @keyframes canopyPulse {
            0% {opacity: 0.4;}
            50% {opacity: 0.75;}
            100% {opacity: 0.4;}
        }
        @keyframes orbitPulse {
            0% {opacity: 0.2; transform: translateY(0);}
            50% {opacity: 0.6; transform: translateY(-3px);}
            100% {opacity: 0.2; transform: translateY(0);}
        }
        @keyframes pulseDot {
            0% {transform: scale(1);opacity:1;}
            50% {transform: scale(1.4);opacity:0.5;}
            100% {transform: scale(1);opacity:1;}
        }
        @keyframes floatOrb {
            from {transform: translateY(0);}
            to {transform: translateY(20px);}
        }
        @keyframes heroScan {
            from {transform: rotate(0deg);}
            to {transform: rotate(360deg);}
        }
        @keyframes particleDrift {
            0% {transform: translateY(0) translateX(0);opacity:0.6;}
            50% {transform: translateY(-20px) translateX(20px);opacity:1;}
            100% {transform: translateY(-40px) translateX(40px);opacity:0;}
        }
        @keyframes heroPulse {
            0% {transform: scaleX(0.2);opacity:0;}
            50% {transform: scaleX(0.75);opacity:0.6;}
            100% {transform: scaleX(1);opacity:0;}
        }
        @keyframes auroraOrbit {
            from {transform: rotate(0deg);}
            to {transform: rotate(360deg);}
        }
        @keyframes auroraDrift {
            0% {transform: rotate(0deg) translateY(0);}
            50% {transform: rotate(8deg) translateY(20px);}
            100% {transform: rotate(-6deg) translateY(0);}
        }
        @keyframes orbitDrift {
            0% {transform: rotate(0deg) scale(0.98);}
            50% {transform: rotate(180deg) scale(1.02);}
            100% {transform: rotate(360deg) scale(0.98);}
        }
        @keyframes caretBlink {
            0%,100% {border-color: rgba(248,250,255,0.85);}
            50% {border-color: transparent;}
        }
        @keyframes noiseShift {
            0% {transform: translate3d(0,0,0);}
            50% {transform: translate3d(-10px,5px,0);}
            100% {transform: translate3d(0,0,0);}
        }
        @keyframes scanSweep {
            0% {transform: translateY(-100%);}
            100% {transform: translateY(100%);}
        }
        @keyframes auroraSpark {
            0% {opacity:0;transform: translateY(-20px);}
            50% {opacity:0.9;transform: translateY(10px);}
            100% {opacity:0;transform: translateY(0);}
        }
        @keyframes chipFloat {
            0% {transform: translateY(0);}
            50% {transform: translateY(-15px);}
            100% {transform: translateY(0);}
        }
        @keyframes heroConsoleFloat {
            0% {transform: translateY(0);}
            50% {transform: translateY(-12px);}
            100% {transform: translateY(0);}
        }
        @keyframes pulseLine {
            0% {transform: translateX(-30%);opacity:0;}
            40% {opacity:0.5;}
            100% {transform: translateX(40%);opacity:0;}
        }
        @keyframes tracker {
            0% {left: 6%;}
            50% {left: 55%;}
            100% {left: 94%;}
        }
/* VPS landing shared theme */
body.page-vps {
    background: var(--bg);
    color: var(--text);
}
body.page-vps main {
    background: transparent;
}
.page-vps .vps-hero {
    position: relative;
    padding: clamp(4rem, 8vw, 7rem) 0 4rem;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(1,9,28,0.95), rgba(6,23,60,0.95));
    color: #fff;
}
.page-vps-linux .vps-hero {
    background: linear-gradient(145deg, rgba(1,9,28,0.95), rgba(6,30,90,0.9));
}
.page-vps-windows .vps-hero {
    background: linear-gradient(135deg, rgba(2,11,40,0.95), rgba(15,77,216,0.92));
}
.vps-hero .hero-aurora {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 20%, rgba(14,165,233,0.35), transparent 60%),
        radial-gradient(circle at 80% 0%, rgba(147,197,253,0.3), transparent 55%);
    opacity: 0.7;
    filter: blur(10px);
    pointer-events: none;
}
.vps-hero .container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(2rem, 3vw, 3rem);
    align-items: stretch;
}
.vps-hero-copy h1 {
    font-size: clamp(2.4rem, 4vw, 3.4rem);
    line-height: 1.2;
    margin: 1rem 0 1.25rem;
}
.vps-hero-copy p {
    color: rgba(255,255,255,0.85);
    margin-bottom: 1.6rem;
}
.vps-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 1.4rem;
}
.vps-highlight-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 1.6rem;
}
.vps-highlight-list span {
    padding: 0.4rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.9);
    font-size: 0.9rem;
    backdrop-filter: blur(10px);
}
.hero-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.8rem;
}
.hero-metrics .metric-card {
    padding: 0.9rem 1.1rem;
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
}
.hero-metrics .metric-card strong {
    display: block;
    font-size: 1.35rem;
    color: #fff;
}
.hero-metrics .metric-card span {
    color: rgba(255,255,255,0.75);
    font-size: 0.9rem;
}
.vps-hero-panel {
    background: rgba(2,12,32,0.85);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255,255,255,0.12);
    padding: 1.75rem;
    box-shadow: 0 25px 70px rgba(1,9,28,0.55);
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}
.hero-panel-head small {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: rgba(255,255,255,0.6);
    font-size: 0.75rem;
}
.hero-panel-head h2 {
    color: #fff;
    font-size: 1.55rem;
    margin-top: 0.35rem;
}
.hero-panel-head p {
    color: rgba(226,232,255,0.7);
}
.plan-preview {
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: var(--radius-md);
    padding: 1rem 1.1rem;
    background: rgba(6,23,60,0.65);
}
.plan-preview .plan-preview-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.8rem;
}
.plan-preview .price {
    font-size: 2rem;
    color: #fff;
}
.plan-preview .price span {
    font-size: 1rem;
    color: rgba(255,255,255,0.7);
    margin-left: 0.4rem;
}
.plan-preview ul {
    list-style: none;
    display: grid;
    gap: 0.4rem;
}
.plan-preview li {
    color: rgba(255,255,255,0.8);
    font-size: 0.92rem;
    display: flex;
    justify-content: space-between;
}
.os-label {
    color: rgba(226,232,255,0.75);
    margin-bottom: 0.6rem;
}
.os-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
}
.os-item {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    padding: 0.75rem;
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.15);
}
.os-item strong {color:#fff; font-size:0.95rem;}
.os-item small {color: rgba(255,255,255,0.65);}
.os-item .os-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(8,19,40,0.9);
    color: #60a5fa;
    font-size: 1.2rem;
}
.vps-logo-ribbon {
    background: #fff;
    padding: clamp(2.5rem, 5vw, 3.5rem) 0;
    border-bottom: 1px solid rgba(148,163,184,0.2);
}
.logo-grid-wrapper {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 2rem;
    align-items: center;
}
@media (max-width: 840px) {
    .logo-grid-wrapper {grid-template-columns: 1fr;}
}
.logo-copy h3 {font-size:1.6rem;margin:0.8rem 0;}
.logo-copy p {color:var(--muted);max-width:420px;}
.vps-logo-grid {grid-template-columns: repeat(auto-fit,minmax(140px,1fr));}
.vps-plans {
    background: var(--bg);
    padding: clamp(3rem, 6vw, 4rem) 0;
}
.plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
}
.plan-card {
    background: #fff;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(2,19,40,0.08);
    padding: 1.6rem;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.plan-card.is-featured {
    border-color: rgba(6,182,212,0.8);
    box-shadow: 0 25px 60px rgba(6,182,212,0.25);
}
.plan-card .plan-tag {
    font-size: 0.85rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
.plan-card h3 {font-size:1.3rem;}
.plan-price {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
}
.plan-price strong {
    font-size: 2.2rem;
    color: var(--blue-light);
}
.plan-specs,
.plan-features {
    list-style: none;
    display: grid;
    gap: 0.45rem;
}
.plan-specs li {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}
.plan-features li {
    display: flex;
    gap: 0.5rem;
    color: var(--muted);
    font-size: 0.95rem;
}
.plan-features i {color: var(--blue-light);margin-top:0.2rem;}
.plan-footnote {
    text-align: center;
    margin-top: 1.8rem;
    color: var(--muted);
}
.vps-feature-grid {
    padding: clamp(3rem, 6vw, 4rem) 0;
    background: radial-gradient(circle at top, rgba(96,165,250,0.08), transparent);
}
.vps-feature-grid .feature-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.4rem;
}
.feature-card {
    background: #fff;
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    border: 1px solid rgba(2,19,40,0.08);
    box-shadow: var(--shadow);
}
.feature-card .feature-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--blue-light);
}
.feature-card .feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(6,182,212,0.12);
    color: var(--blue);
    display: grid;
    place-items: center;
}
.feature-card h3 {margin:0.4rem 0;}
.feature-card p {color:var(--muted);}
.benchmark-section {
    padding: clamp(3rem, 6vw, 4rem) 0;
}
.benchmark-card {
    border-radius: calc(var(--radius-lg) * 1.1);
    background: linear-gradient(120deg, #031233, #0f2c68, #031233);
    padding: clamp(2rem, 5vw, 2.6rem);
    color: #fff;
    box-shadow: 0 40px 80px rgba(3,18,51,0.45);
}
.benchmark-card h2 {margin:0.8rem 0;color:#fff;}
.benchmark-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5rem;
}
.benchmark-table th,
.benchmark-table td {
    padding: 0.9rem 0.6rem;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
.benchmark-table th {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.75);
}
.benchmark-table tr:last-child td {border-bottom:none;}
.benchmark-note {
    margin-top: 1rem;
    color: rgba(255,255,255,0.75);
    font-size: 0.9rem;
}
.faq-section {
    padding: clamp(3rem, 6vw, 4rem) 0;
    background: var(--bg);
}
.faq-items {
    max-width: 820px;
    margin: 2rem auto 0;
    display: grid;
    gap: 1rem;
}
.faq-items details {
    background: #fff;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(2,19,40,0.08);
    padding: 1rem 1.25rem;
}
.faq-items summary {
    cursor: pointer;
    font-weight: 600;
}
.faq-items p {
    margin-top: 0.8rem;
    color: var(--muted);
}
.cta-section {
            padding: clamp(3rem, 6vw, 4.5rem) 0;
        }
.cta-card {
    border-radius: calc(var(--radius-lg) * 1.1);
    background: linear-gradient(135deg, #031233, #0b4dd8);
    color: #fff;
    padding: clamp(2rem, 6vw, 3rem);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.2rem;
    align-items: center;
}
.cta-card p {color:rgba(255,255,255,0.85);margin-top:0.8rem;}
.cta-actions {
    display: flex;
    gap: 0.9rem;
    flex-wrap: wrap;
}
@media (max-width: 640px) {
            .plan-specs li {flex-direction: column;gap: 0.2rem;}
        }
        /* Hosting page */
        body.page-hosting {
            background: #f8fbff;
            color: var(--text);
        }
        .hosting-hero {
            position: relative;
            padding: clamp(3rem, 7vw, 5rem) 0;
            background: linear-gradient(135deg, #010b25, #06255a);
            color: #fff;
            overflow: hidden;
        }
        .hosting-hero .hero-aurora {
            position:absolute;
            inset:0;
            background: radial-gradient(circle at 15% 30%, rgba(59,130,246,0.4), transparent 55%), radial-gradient(circle at 90% 20%, rgba(34,197,94,0.25), transparent 60%);
            opacity:0.6;
        }
        .hosting-hero-grid {
            position:relative;
            z-index:2;
            display:grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap:2rem;
            align-items:stretch;
        }
        .hosting-hero-copy h1 {font-size:clamp(2.4rem,4vw,3.5rem);margin:0.8rem 0;}
        .hosting-hero-copy p {color:rgba(255,255,255,0.85);}
        .hosting-hero-actions {display:flex;flex-wrap:wrap;gap:0.8rem;margin:1.5rem 0;}
        .hosting-hero-stats {display:flex;flex-wrap:wrap;gap:0.9rem;}
        .hosting-hero-stat {
            flex:1 1 140px;
            border:1px solid rgba(255,255,255,0.25);
            border-radius:1rem;
            padding:0.9rem 1rem;
            background:rgba(1,9,28,0.5);
            box-shadow:0 20px 40px rgba(1,9,28,0.4);
        }
        .hosting-hero-stat strong {display:block;font-size:1.4rem;color:#fff;}
        .hosting-hero-stat span {color:rgba(226,232,255,0.75);font-size:0.9rem;}
        .hosting-hero-card {
            background:rgba(8,15,40,0.85);
            border-radius:1.4rem;
            border:1px solid rgba(255,255,255,0.15);
            padding:1.8rem;
            box-shadow:0 35px 80px rgba(1,6,22,0.6);
        }
        .hosting-hero-card h3 {margin-bottom:1rem;}
        .hosting-hero-card ul {list-style:none;display:flex;flex-direction:column;gap:0.75rem;}
        .hosting-hero-card li {
            display:flex;
            align-items:center;
            justify-content:space-between;
            border-bottom:1px dashed rgba(148,163,184,0.3);
            padding-bottom:0.4rem;
        }
        .hosting-plans {
            padding: clamp(3rem, 6vw, 4.5rem) 0;
            background:#fff;
        }
        .hosting-plan-grid {
            display:grid;
            grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
            gap:1.4rem;
        }
        .hosting-family {margin-bottom:3rem;}
        .hosting-family:last-child {margin-bottom:0;}
        .hosting-family-header {margin-bottom:1.25rem;}
        .hosting-family-header h3 {margin:0.2rem 0;}
        .hosting-family-header p {margin:0;color:var(--muted);}
        .hosting-plan-card {
            background:#fff;
            border-radius:1.4rem;
            border:1px solid rgba(148,163,184,0.25);
            padding:1.4rem;
            box-shadow:var(--shadow);
            display:flex;
            flex-direction:column;
            gap:1rem;
        }
        .hosting-plan-card .plan-head {display:flex;flex-direction:column;gap:0.4rem;}
        .hosting-plan-card .plan-badge {
            font-size:0.8rem;
            text-transform:uppercase;
            letter-spacing:0.2em;
            color:var(--blue);
        }
        .hosting-plan-card .plan-price {display:flex;align-items:baseline;gap:0.35rem;}
        .hosting-plan-card .plan-price strong {font-size:2rem;color:var(--blue-light);}
        .hosting-plan-card ul {list-style:none;display:flex;flex-direction:column;gap:0.45rem;margin:0;padding:0;}
        .hosting-plan-card li {display:flex;gap:0.5rem;color:var(--muted);}
        .hosting-plan-card li i {color:var(--blue-light);margin-top:0.2rem;}
        .plan-meta {font-size:0.9rem;color:var(--muted);}
        .plan-specs {list-style:none;margin:0;padding:0;}
        .plan-specs li {display:flex;justify-content:space-between;font-weight:600;color:#0f172a;gap:0.5rem;}
        .plan-specs li span {color:var(--muted);font-weight:500;}
        .plan-features {list-style:none;display:flex;flex-direction:column;gap:0.45rem;margin:0;padding:0;}
        .plan-features li {display:flex;gap:0.5rem;color:var(--muted);}
        .plan-features li i {color:var(--blue-light);margin-top:0.2rem;}
        .hosting-migration {
            background:linear-gradient(120deg,#010b25,#041a45);
            color:#e5eeff;
            padding: clamp(3rem, 6vw, 4.5rem) 0;
            position:relative;
            overflow:hidden;
        }
        .hosting-migration::after {
            content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(59,130,246,0.3),transparent 55%);opacity:0.7;pointer-events:none;
        }
        .hosting-migration .container {position:relative;z-index:2;}
        .migration-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;margin-top:2rem;}
        .migration-step {
            border-radius:1.2rem;
            padding:1.5rem;
            background:rgba(1,9,28,0.65);
            border:1px solid rgba(59,130,246,0.35);
            box-shadow:0 25px 60px rgba(1,8,20,0.6);
        }
        .migration-step header {display:flex;justify-content:space-between;align-items:center;margin-bottom:0.6rem;}
        .migration-step header span {font-size:0.85rem;color:rgba(226,232,255,0.7);}
        .hosting-matrix {
            padding: clamp(3rem, 6vw, 4.5rem) 0;
            background:#fff;
        }
        .matrix-table-wrapper {overflow-x:auto;border-radius:1.2rem;border:1px solid rgba(148,163,184,0.3);background:#fff;box-shadow:var(--shadow);}
        .matrix-table-wrapper table {width:100%;border-collapse:collapse;}
        .matrix-table-wrapper th,
        .matrix-table-wrapper td {padding:1rem;border-bottom:1px solid rgba(148,163,184,0.3);text-align:left;}
        .matrix-table-wrapper th {background:#f8fbff;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);}
        .matrix-table-wrapper tr:last-child td {border-bottom:none;}
        .hosting-testimonials {
            padding: clamp(3rem, 6vw, 4.5rem) 0;
            background:linear-gradient(135deg,#f4f7ff,#eef2ff);
        }
        .testimonial-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.3rem;}
        .testimonial-card {
            background:#fff;
            border-radius:1.4rem;
            border:1px solid rgba(148,163,184,0.25);
            padding:1.5rem;
            box-shadow:0 20px 45px rgba(15,23,42,0.13);
        }
        .testimonial-card p {color:var(--muted);margin-bottom:1rem;}
        .testimonial-card strong {display:block;color:var(--text);}
        .testimonial-card span {color:var(--muted);font-size:0.9rem;}
        .hosting-cta {
            padding: clamp(3rem, 6vw, 4.5rem) 0;
        }

        /* Admin */
        body.page-admin {background:#f4f7ff;color:var(--text);}
        .admin-shell {padding:clamp(2rem,4vw,3.2rem) 0 4rem;}
        .admin-layout {display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:clamp(1rem,3vw,2.75rem);align-items:flex-start;}
        .admin-main {display:flex;flex-direction:column;gap:2rem;}
        .breadcrumbs {margin:0 0 1.2rem;padding:0;}
        .breadcrumbs ol {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;}
        .breadcrumbs li {font-size:0.85rem;font-weight:600;color:#64748b;}
        .breadcrumbs a {color:#0f172a;text-decoration:none;}
        .breadcrumbs span {color:#475569;}
        .breadcrumb-separator {color:#cbd5f5;font-weight:400;}
        .dashboard-workspace {display:flex;flex-direction:column;gap:1.75rem;}
        .dashboard-toolbar {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-radius:1.3rem;background:#fff;border:1px solid rgba(148,163,184,0.35);box-shadow:0 15px 40px rgba(15,23,42,0.08);}
        .dashboard-toolbar .toolbar-text {max-width:540px;}
        .dashboard-toolbar .toolbar-text strong {display:block;font-size:1.05rem;color:#0f172a;}
        .dashboard-toolbar .toolbar-text p {margin:0;color:#64748b;font-size:0.9rem;}
        .dashboard-toolbar .toolbar-actions {display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;}
        .dashboard-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;}
        .dashboard-grid [data-widget-size="wide"] {grid-column:span 2;}
        @media (max-width: 1024px) {
            .dashboard-grid [data-widget-size="wide"] {grid-column:span 1;}
        }
        .dashboard-grid[data-dashboard-editing="true"] {outline:2px dashed rgba(59,130,246,0.4);outline-offset:8px;}
        .dashboard-widget {width:100%;position:relative;display:flex;flex-direction:column;}
        .dashboard-widget-header {display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;}
        .dashboard-widget-headings {flex:1 1 220px;min-width:200px;}
        .dashboard-widget-header h3 {margin:0;font-size:1.05rem;}
        .dashboard-widget-header p {margin:0;color:#8c9ab5;font-size:0.9rem;}
        .dashboard-widget-actions {display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;}
        .widget-layout-controls {display:flex;align-items:center;gap:0.35rem;}
        .widget-control {width:34px;height:34px;border-radius:0.65rem;border:1px solid rgba(15,23,42,0.12);background:rgba(148,163,184,0.15);color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;}
        .widget-control:hover {background:rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.45);}
        .widget-control:focus {outline:2px solid rgba(59,130,246,0.55);outline-offset:2px;}
        .widget-control[aria-pressed="true"] {background:rgba(59,130,246,0.18);border-color:rgba(59,130,246,0.6);}
        .dashboard-widget-body {margin-top:1rem;display:flex;flex-direction:column;gap:1rem;}
        .dashboard-widget.is-collapsed .dashboard-widget-body,
        [data-widget-body][hidden] {display:none !important;}
        .dashboard-widget.is-pinned {border-color:rgba(59,130,246,0.55) !important;box-shadow:0 30px 70px rgba(15,23,42,0.1);}
        .dashboard-grid[data-dashboard-editing="true"] .dashboard-widget {cursor:grab;}
        .dashboard-grid[data-dashboard-editing="true"] .dashboard-widget.is-dragging {opacity:0.6;cursor:grabbing;}
        .dashboard-grid[data-dashboard-editing="true"] .widget-layout-controls {opacity:0.2;pointer-events:none;}
        .dashboard-metrics-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;}
        .dashboard-metric {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);border-radius:1rem;padding:1rem;}
        .dashboard-metric small {display:block;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.7);}
        .dashboard-metric strong {display:block;font-size:1.6rem;margin:0.35rem 0;}
        .dashboard-metric p {margin:0;color:rgba(248,251,255,0.75);font-size:0.85rem;}
        .dashboard-metric-icon {display:inline-flex;width:36px;height:36px;border-radius:999px;background:rgba(15,23,42,0.2);align-items:center;justify-content:center;margin-bottom:0.5rem;color:#38bdf8;}
        .dashboard-metric-trend {display:inline-flex;align-items:center;font-size:0.8rem;font-weight:600;}
        .dashboard-metric-trend.up {color:#16a34a;}
        .dashboard-metric-trend.down {color:#dc2626;}
        .admin-sidebar,
        .client-sidebar {background:#fff;border-radius:1.5rem;border:1px solid rgba(148,163,184,0.3);padding:1.5rem;box-shadow:0 25px 40px rgba(15,23,42,0.07);position:sticky;top:1.5rem;}
        .sidebar-brand {font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#0f172a;margin-bottom:1rem;}
        .sidebar-section + .sidebar-section {margin-top:1.5rem;}
        .sidebar-label {font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:#94a3b8;margin-bottom:0.6rem;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;}
        .sidebar-toggle {width:100%;background:none;border:none;padding:0;cursor:pointer;}
        .sidebar-toggle:focus {outline:2px solid #2563eb;outline-offset:3px;}
        .sidebar-section.has-active .sidebar-label {color:#0f172a;}
        .sidebar-links {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.35rem;}
        .sidebar-section:not(.open) .sidebar-links {display:none;}
        .sidebar-section .sidebar-label i {transition:transform 0.2s ease;}
        .sidebar-section:not(.open) .sidebar-label i {transform:rotate(-90deg);}
        .sidebar-links li a {display:flex;align-items:center;gap:0.6rem;padding:0.55rem 0.65rem;border-radius:0.9rem;font-weight:600;color:#0f172a;text-decoration:none;border:1px solid transparent;transition:background 0.2s,border-color 0.2s,color 0.2s;}
        .sidebar-links li a i {color:#38bdf8;}
        .sidebar-links li.active a {background:#0f172a;color:#f8fafc;border-color:#0f172a;}
        .sidebar-links li.active a i {color:#facc15;}
        .sidebar-links li a:hover {background:#e0e7ff;border-color:rgba(148,163,184,0.5);}
        .admin-main > .admin-hero,
        .portal-main > .portal-hero {border-radius:1.5rem;overflow:hidden;}
        [dir="rtl"] .dashboard-widget-header {flex-direction:row-reverse;}
        [dir="rtl"] .dashboard-widget-actions,
        [dir="rtl"] .widget-layout-controls {flex-direction:row-reverse;}
        [dir="rtl"] .dashboard-toolbar {text-align:right;}
        [dir="rtl"] .admin-layout {grid-template-columns:minmax(0,1fr) minmax(240px,280px);}
        [dir="rtl"] .portal-layout {grid-template-columns:minmax(0,1fr) minmax(240px,280px);}
        [dir="rtl"] .admin-sidebar,
        [dir="rtl"] .client-sidebar {order:2;text-align:right;}
        [dir="rtl"] .admin-main,
        [dir="rtl"] .portal-main {order:1;}
        .admin-sidebar .sidebar-links li a,
        .client-sidebar .sidebar-links li a {direction:ltr;}
        [dir="rtl"] .admin-sidebar .sidebar-links li a,
        [dir="rtl"] .client-sidebar .sidebar-links li a {direction:rtl;justify-content:flex-end;}
        [dir="rtl"] .breadcrumbs ol {flex-direction:row-reverse;}
        [dir="rtl"] .breadcrumbs li {text-align:right;}
        .admin-hero {padding:clamp(3rem,5vw,4.5rem) 0;background:linear-gradient(135deg,#01091c,#081f48);color:#f8fbff;position:relative;overflow:hidden;}
        .admin-hero::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(37,129,255,0.35),transparent 60%);opacity:0.8;}
        .admin-hero .container {position:relative;z-index:2;}
        .admin-hero h1 {font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:0.4rem;}
        .admin-hero p {max-width:600px;color:rgba(248,251,255,0.85);}
        .admin-actions {margin-top:1rem;}
        .admin-metrics {margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;}
        .admin-metric {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);border-radius:1rem;padding:1rem;}
        .admin-metric small {display:block;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.7);}
.admin-metric strong {display:block;font-size:1.8rem;margin-top:0.3rem;}
.admin-alerts-drawer {margin-top:2rem;background:rgba(1,9,28,0.7);border:1px solid rgba(248,250,252,0.15);border-radius:1.3rem;padding:1.2rem;color:#f8fbff;backdrop-filter:blur(14px);}
.admin-alerts-drawer header {display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:0.8rem;}
.admin-alerts-drawer header p {margin:0;color:rgba(248,248,255,0.75);font-size:0.9rem;}
.admin-alerts-drawer ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.6rem;}
.admin-alerts-drawer li {display:flex;justify-content:space-between;gap:1rem;padding:0.9rem 1rem;border-radius:1rem;border:1px solid rgba(148,163,184,0.4);background:rgba(255,255,255,0.05);}
.admin-alerts-drawer li.info {border-color:rgba(14,165,233,0.6);}
.admin-alerts-drawer li.warning {border-color:rgba(251,191,36,0.7);}
.admin-alerts-drawer li.critical {border-color:rgba(248,113,113,0.7);}
.admin-alerts-drawer li strong {display:block;font-size:1rem;}
.admin-alerts-drawer li p {margin:0.2rem 0 0;font-size:0.9rem;color:rgba(248,250,252,0.85);}
.admin-alerts-drawer li small {opacity:0.75;}
.admin-alerts-drawer .all-clear {margin:0;font-weight:600;opacity:0.9;}
        .admin-dashboard {padding:clamp(3rem,5vw,4.5rem) 0;}
        .admin-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem;}
        .admin-card {background:#fff;border-radius:1.3rem;border:1px solid rgba(148,163,184,0.25);padding:1.5rem;box-shadow:0 25px 45px rgba(15,23,42,0.08);display:flex;flex-direction:column;gap:1rem;}
        .admin-card.highlight-card {border-color:rgba(59,130,246,0.5);box-shadow:0 25px 60px rgba(59,130,246,0.18);}
        .admin-card-header {display:flex;align-items:center;justify-content:space-between;gap:1rem;}
        .admin-card .form-hint {display:block;font-size:0.82rem;color:#8c9ab5;margin-top:0.25rem;}
        .admin-fieldset {border:1px solid rgba(148,163,184,0.35);border-radius:1.1rem;padding:1rem 1.2rem;margin-bottom:1rem;}
        .admin-fieldset legend {font-weight:600;color:#0f172a;padding:0 0.5rem;}
        .admin-fieldset label {display:flex;flex-direction:column;font-size:0.9rem;font-weight:600;color:#475569;gap:0.3rem;margin-top:0.75rem;}
        .admin-fieldset input[type="text"] {border-radius:0.9rem;border:1px solid rgba(148,163,184,0.45);padding:0.65rem 0.85rem;font-size:0.95rem;}
        .admin-fieldset .fieldset-actions {display:flex;justify-content:flex-end;margin-top:1rem;}
        .toggle-label {display:flex;align-items:center;gap:0.5rem;font-weight:600;color:#0f172a;margin-top:0.5rem;}
        .status-cluster {display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:0.2rem;}
        .status-cluster small {color:#94a3b8;font-size:0.8rem;}
        .admin-search {display:flex;gap:0.5rem;}
        .admin-search input {border-radius:999px;border:1px solid rgba(148,163,184,0.4);padding:0.5rem 1rem;}
        .admin-scroll {max-height:320px;overflow:auto;margin:-0.5rem;padding:0.5rem;}
        .admin-table {width:100%;border-collapse:separate;border-spacing:0;}
        .admin-table th {text-align:left;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;padding-bottom:0.4rem;}
        .admin-table td {padding:0.4rem 0;border-bottom:1px solid rgba(226,232,240,0.9);font-size:0.95rem;}
        .admin-table tr:last-child td {border-bottom:none;}
        .admin-inline-form,
        .admin-vertical-form {display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;}
        .admin-inline-form label,
        .admin-vertical-form label {display:flex;flex-direction:column;font-size:0.9rem;font-weight:600;color:#475569;gap:0.35rem;}
.admin-inline-form input,
.admin-vertical-form input,
.admin-vertical-form textarea,
.admin-mini-form select {border-radius:0.9rem;border:1px solid rgba(148,163,184,0.4);padding:0.65rem;}
.admin-mini-form {display:flex;gap:0.4rem;align-items:center;}
.admin-mini-form select {min-width:140px;}
.admin-filters {display:flex;flex-wrap:wrap;gap:0.8rem;margin-bottom:1rem;}
.admin-filters label {display:flex;flex-direction:column;font-size:0.85rem;font-weight:600;color:#475569;min-width:140px;gap:0.25rem;}
.admin-filters select,
.admin-filters input {border-radius:0.8rem;border:1px solid rgba(148,163,184,0.4);padding:0.5rem;}
.admin-filters .filter-actions {display:flex;align-items:flex-end;gap:0.6rem;}
.queue-stats {display:flex;flex-wrap:wrap;gap:0.9rem;margin-bottom:1rem;}
.queue-stat {flex:1 1 140px;background:rgba(148,163,184,0.12);border-radius:1rem;padding:0.75rem 1rem;min-width:130px;}
.queue-stat strong {display:block;font-size:1.3rem;color:#0f172a;}
.queue-stat span {font-size:0.75rem;color:#475569;text-transform:uppercase;letter-spacing:0.08em;}
.admin-pagination {display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:0.9rem;color:#475569;}
.admin-pagination-controls {display:flex;gap:0.5rem;}
.btn-text {background:none;border:none;color:#2563eb;padding:0.35rem 0.6rem;font-weight:600;cursor:pointer;border-radius:0.4rem;}
.btn-text:hover {text-decoration:underline;color:#1d4ed8;}
.admin-helper {font-size:0.85rem;color:#64748b;margin:-0.2rem 0 0.8rem;}
.admin-notifications .notification-head {display:flex;justify-content:space-between;align-items:center;gap:0.5rem;}
.status-pill.category {font-size:0.75rem;padding:0.2rem 0.55rem;}
.status-pill.category.billing {background:rgba(99,102,241,0.15);color:#312e81;}
.status-pill.category.maintenance {background:rgba(251,191,36,0.2);color:#92400e;}
.status-stack {display:flex;flex-direction:column;align-items:flex-end;gap:0.2rem;}
.status-stack small {font-size:0.75rem;color:#94a3b8;}
        .admin-alert {padding:0.85rem 1rem;border-radius:0.9rem;font-size:0.9rem;}
        .admin-alert.success {background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.25);color:#065f46;}
        .admin-alert.error {background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.25);color:#991b1b;}
        .admin-notifications ul {list-style:none;display:flex;flex-direction:column;gap:0.5rem;padding:0;margin:0;}
        .admin-notifications li {border:1px dashed rgba(148,163,184,0.4);border-radius:0.8rem;padding:0.7rem;}
        .admin-api-form {display:flex;flex-direction:column;gap:1rem;}
        .admin-api-block {border:1px solid rgba(148,163,184,0.4);border-radius:1rem;padding:1rem;display:grid;gap:0.6rem;}
.admin-api-block header {display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.3rem;gap:0.75rem;}
.admin-api-block label {display:flex;flex-direction:column;font-size:0.9rem;font-weight:600;color:#475569;gap:0.3rem;}
.admin-log-list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.9rem;}
.admin-log-list li {border:1px solid rgba(148,163,184,0.35);border-radius:1rem;padding:0.9rem 1rem;background:#f8fafc;}
.admin-log-list .log-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:0.3rem;font-size:0.85rem;color:#475569;font-weight:600;}
.admin-log-list pre {background:#0f172a;color:#22d3ee;border-radius:0.8rem;padding:0.6rem;margin:0.4rem 0 0;overflow:auto;font-size:0.8rem;}
.admin-timeline {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;}
.admin-timeline li {display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(148,163,184,0.25);padding-bottom:0.8rem;}
.admin-timeline li:last-child {border-bottom:0;padding-bottom:0;}
.admin-timeline strong {display:block;font-size:1rem;color:#0f172a;}
.admin-timeline small {display:block;color:#94a3b8;font-size:0.82rem;}
.admin-timeline .timeline-actions {display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.45rem;}
.admin-timeline .timeline-actions form {display:inline;}
        .commerce-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem;}
        .commerce-filters {display:flex;flex-direction:column;gap:0.5rem;margin:1rem 0;}
        .commerce-filters span {font-weight:600;font-size:0.9rem;color:#0f172a;}
        .filter-pills {display:flex;flex-wrap:wrap;gap:0.5rem;}
        .filter-pills a {padding:0.35rem 0.9rem;border-radius:999px;border:1px solid rgba(99,102,241,0.25);color:#0f172a;text-decoration:none;font-weight:600;font-size:0.85rem;}
        .filter-pills a.active {background:#0f172a;color:#f8fafc;border-color:#0f172a;}
        .filter-pills a:hover {border-color:#2563eb;color:#2563eb;}
        .runbook-steps {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;}
        .runbook-steps li {border:1px dashed rgba(148,163,184,0.4);border-radius:1rem;padding:1rem;}
        .runbook-steps li strong {display:block;margin-bottom:0.35rem;color:#0f172a;}
        .runbook-steps li p {margin:0;color:#475569;}
        .command-stack {display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.6rem;}
        .command-stack code {background:#0f172a;color:#f8fafc;padding:0.3rem 0.6rem;border-radius:0.6rem;font-size:0.85rem;}
        .cms-selector {display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:flex-end;}
        .cms-selector label {display:flex;flex-direction:column;font-weight:600;color:#0f172a;}
        .cms-editor {display:flex;flex-direction:column;gap:1.5rem;}
        .cms-panel {background:#fff;border-radius:1.3rem;border:1px solid rgba(148,163,184,0.25);padding:1.5rem;box-shadow:0 20px 45px rgba(15,23,42,0.08);display:flex;flex-direction:column;gap:1rem;}
        .cms-panel-head {display:flex;align-items:center;justify-content:space-between;gap:1rem;}
        .cms-panel label {font-weight:600;color:#0f172a;display:flex;flex-direction:column;gap:0.4rem;}
        .cms-panel textarea {resize:vertical;}
        .cms-hero-media {display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;}
        .cms-hero-preview {flex:1 1 320px;min-height:220px;border-radius:1.2rem;border:1px dashed rgba(148,163,184,0.5);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#475569;padding:1rem;text-align:center;}
        .cms-hero-controls {flex:1 1 200px;display:flex;flex-direction:column;gap:0.75rem;}
        .cms-panel .form-row {display:flex;flex-wrap:wrap;gap:1rem;}
        .cms-panel .form-row label {flex:1 1 240px;}
        .cms-sections {display:flex;flex-direction:column;gap:1rem;}
        .cms-section {background:#f8fbff;border:1px solid rgba(148,163,184,0.4);border-radius:1.1rem;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;}
        .cms-section header {display:flex;align-items:center;justify-content:space-between;}
        .drag-handle {cursor:grab;color:#94a3b8;font-size:1.2rem;}
        .drag-handle:active {cursor:grabbing;}
        .cms-section textarea {min-height:120px;}
        .cms-sku-tags {display:flex;flex-wrap:wrap;gap:0.5rem;}
        .sku-tag {background:#0f172a;color:#f8fafc;border-radius:999px;padding:0.2rem 0.75rem;display:inline-flex;align-items:center;gap:0.35rem;font-size:0.85rem;}
        .sku-tag button {background:none;border:none;color:inherit;font-size:1rem;cursor:pointer;line-height:1;}
        .cms-sku-picker {display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;}
        .cms-panel .btn-text {background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer;}
        .cms-panel .btn-text.danger {color:#dc2626;}
.commerce-form {display:flex;flex-direction:column;gap:0.9rem;}
.commerce-form .form-row {display:flex;gap:0.8rem;flex-wrap:wrap;}
.commerce-form label {display:flex;flex-direction:column;font-weight:600;color:#475569;font-size:0.9rem;gap:0.3rem;flex:1;}
.commerce-form input,
.commerce-form select,
.commerce-form textarea {border-radius:0.9rem;border:1px solid rgba(148,163,184,0.4);padding:0.65rem;}
.commerce-form textarea.metadata-field {min-height:140px;font-family:monospace;font-size:0.9rem;}
.commerce-form .form-actions {display:flex;justify-content:space-between;align-items:center;}
.commerce-list {display:flex;flex-direction:column;gap:1rem;}
.commerce-item {border:1px solid rgba(148,163,184,0.3);border-radius:1.1rem;padding:1rem;display:flex;flex-direction:column;gap:0.6rem;}
.commerce-item header {display:flex;justify-content:space-between;align-items:center;}
.commerce-item header small {color:#94a3b8;}
.commerce-actions {display:flex;gap:0.6rem;align-items:center;}
.commerce-actions form {margin:0;}
.commerce-actions .danger {color:#dc2626;}
.options-block {border-top:1px dashed rgba(148,163,184,0.4);padding-top:0.8rem;margin-top:0.4rem;}
.options-block ul {list-style:none;margin:0.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:0.4rem;}
.options-block li {display:flex;justify-content:space-between;gap:0.6rem;align-items:center;font-size:0.9rem;color:#475569;}
.option-form {display:flex;flex-direction:column;gap:0.4rem;margin-top:0.6rem;}
.option-form input {border-radius:0.8rem;border:1px solid rgba(148,163,184,0.4);padding:0.5rem;}
.option-form .btn {align-self:flex-start;}

/* Cart */
body.page-cart {background:#f4f7ff;color:var(--text);}
.cart-hero {padding:clamp(3rem,5vw,4.5rem) 0;background:linear-gradient(135deg,#01091c,#03204a);color:#f8fbff;position:relative;overflow:hidden;}
.cart-hero--checkout::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,0.25),transparent 55%),radial-gradient(circle at 85% 0%,rgba(14,165,233,0.2),transparent 50%);opacity:0.7;pointer-events:none;}
.cart-hero--checkout .container {position:relative;z-index:1;}
.cart-hero h1 {font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:0.4rem;}
.cart-hero-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:stretch;}
.cart-hero-meta {display:flex;gap:1rem;flex-wrap:wrap;margin:1.2rem 0;}
.cart-hero-meta div {flex:1 1 120px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:1rem;padding:0.8rem;}
.cart-hero-meta small {display:block;text-transform:uppercase;letter-spacing:0.08em;color:rgba(248,251,255,0.75);font-size:0.75rem;}
.cart-hero-meta strong {display:block;font-size:1.1rem;color:#fff;}
.cart-perks {list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.9rem;}
.cart-perks li {background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:1rem;padding:0.9rem;}
.cart-perks strong {display:block;color:#fff;}
.cart-perks span {color:rgba(248,251,255,0.8);font-size:0.9rem;}
.cart-timeline {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;}
.timeline-card {background:#fff;border-radius:1.2rem;padding:1.2rem;border:1px solid rgba(15,23,42,0.08);box-shadow:0 20px 45px rgba(15,23,42,0.12);color:#0f172a;}
.timeline-card span {display:inline-flex;width:38px;height:38px;border-radius:999px;align-items:center;justify-content:center;background:#e0e7ff;font-weight:700;color:#3730a3;}
.timeline-card strong {display:block;margin-top:0.8rem;font-size:1.05rem;}
.timeline-card p {margin:0.3rem 0 0;color:#475569;font-size:0.9rem;}
.checkout-section {padding:clamp(3rem,5vw,4.5rem) 0;}
.checkout-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;}
.checkout-panel {background:#fff;border-radius:1.4rem;padding:1.5rem;border:1px solid rgba(148,163,184,0.25);box-shadow:0 30px 55px rgba(15,23,42,0.08);}
.checkout-panel header {margin-bottom:1.1rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;}
.checkout-panel header strong {display:block;font-size:1.15rem;}
.checkout-panel header p {color:#64748b;margin:0.25rem 0 0;}
.cart-alert {margin-bottom:1.2rem;padding:0.9rem 1.2rem;border-radius:1rem;font-weight:600;}
.cart-alert.success {background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.4);color:#166534;}
.cart-alert.error {background:rgba(248,113,113,0.15);border:1px solid rgba(248,113,113,0.4);color:#b91c1c;}
.checkout-items {display:flex;flex-direction:column;gap:1rem;}
.checkout-item {border:1px solid rgba(226,232,240,0.9);border-radius:1.2rem;padding:1.1rem;background:#fdfdff;}
.checkout-item-head {display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;}
.checkout-item-head small {display:block;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;font-size:0.75rem;}
.checkout-item-head h3 {margin:0.2rem 0 0;font-size:1.05rem;color:#0f172a;}
.checkout-item-head strong {font-size:1.2rem;color:#111827;}
.checkout-options {list-style:none;margin:0.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:0.45rem;}
.checkout-options li {display:flex;justify-content:space-between;gap:1rem;font-size:0.9rem;color:#475569;}
.checkout-options span {color:#94a3b8;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.08em;}
.checkout-item-actions {display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:0.9rem;}
.quantity-form,
.remove-form {display:flex;align-items:flex-end;gap:0.5rem;background:#fff;border:1px solid rgba(226,232,240,0.9);padding:0.6rem;border-radius:0.9rem;}
.quantity-form label {display:flex;flex-direction:column;font-size:0.8rem;font-weight:600;color:#475569;}
.quantity-form input {width:90px;border-radius:0.6rem;border:1px solid rgba(148,163,184,0.4);padding:0.35rem;}
.quantity-form button,
.remove-form button {border:none;border-radius:0.7rem;padding:0.45rem 0.9rem;font-weight:600;cursor:pointer;background:#e2e8f0;color:#0f172a;}
.quantity-form button:hover,
.remove-form button:hover {background:#cbd5f5;}
.link-button {background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600;padding:0.2rem 0;border-radius:0.4rem;}
.link-button:hover {text-decoration:underline;}
.checkout-empty {text-align:center;padding:2rem;border:1px dashed rgba(148,163,184,0.6);border-radius:1.2rem;background:#fafafa;}
.checkout-empty-actions {margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.8rem;justify-content:center;}
.summary-list {list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-direction:column;gap:0.6rem;}
.summary-list li {display:flex;justify-content:space-between;}
.summary-total {font-size:1.1rem;font-weight:700;}
.btn-full {display:block;text-align:center;width:100%;}
.btn-disabled {pointer-events:none;opacity:0.6;}
.btn-paypal {background:#ffc439;color:#111827;border:none;}
.btn-paypal:hover {background:#ffb347;color:#0f172a;}
.cart-coupon {border-top:1px dashed rgba(148,163,184,0.4);padding-top:1rem;margin-top:1.2rem;display:flex;flex-direction:column;gap:0.5rem;}
.cart-coupon label {font-size:0.9rem;font-weight:600;color:#475569;display:flex;flex-direction:column;}
.cart-coupon input {border-radius:0.8rem;border:1px solid rgba(148,163,184,0.4);padding:0.45rem;}
.active-coupon {margin:0;font-weight:600;color:#1d4ed8;}
.summary-footnote {display:block;margin-top:0.6rem;color:#94a3b8;font-size:0.85rem;}
.summary-boost {display:flex;flex-direction:column;gap:0.35rem;margin-top:1rem;color:#475569;font-size:0.9rem;}
.summary-boost span {display:flex;gap:0.4rem;align-items:center;}
.paypal-note {font-size:0.85rem;color:#475569;margin:0.6rem 0;}
.checkout-separator {display:flex;align-items:center;gap:0.75rem;margin:1rem 0;color:#94a3b8;font-size:0.85rem;}
.checkout-separator::before,
.checkout-separator::after {content:"";flex:1;height:1px;background:rgba(148,163,184,0.4);}
.checkout-separator span {text-transform:uppercase;letter-spacing:0.08em;font-size:0.75rem;}
.checkout-summary {align-self:flex-start;}
        /* Auth & Client Portal */
        body.page-auth {background:#01091c;color:#e2e8ff;min-height:100vh;}
        body.page-auth main {padding-bottom:3rem;}
        .auth-hero {padding:clamp(3rem,6vw,5rem) 0;background:linear-gradient(135deg,#01091c,#071b45);color:#f8fbff;position:relative;overflow:hidden;}
        .auth-hero::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,140,255,0.25),transparent 55%),radial-gradient(circle at 80% 0%,rgba(0,255,222,0.2),transparent 45%);opacity:0.7;pointer-events:none;}
        .auth-hero .container {position:relative;z-index:1;}
        .auth-hero-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:stretch;}
        .auth-hero-copy h1 {font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:0.5rem;color:#f8fbff;}
        .auth-hero-copy p {max-width:640px;font-size:1.05rem;color:rgba(248,251,255,0.9);}
        .auth-highlights {list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;}
        .auth-highlights li {background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:1rem;padding:1rem;}
        .auth-highlights strong {display:block;color:#fff;font-size:1rem;}
        .auth-highlights small {color:rgba(248,251,255,0.7);font-size:0.85rem;}
        .auth-hero-panel {background:rgba(1,6,22,0.7);border:1px solid rgba(255,255,255,0.2);border-radius:1.4rem;padding:1.5rem;color:#e2e8ff;box-shadow:0 25px 60px rgba(1,5,15,0.65);position:relative;overflow:hidden;}
        .auth-hero-panel h3 {color:#fff;margin-bottom:0.8rem;}
        .auth-hero-panel p {color:rgba(226,232,255,0.75);}
        .auth-hero-panel::after {content:"";position:absolute;bottom:-60px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,0.4),transparent 70%);opacity:0.6;pointer-events:none;}
        .auth-hero-panel > * {position:relative;z-index:2;}
        .auth-hero-badge {margin-top:1.5rem;border:1px solid rgba(255,255,255,0.35);border-radius:1rem;padding:0.9rem 1.2rem;display:inline-flex;flex-direction:column;gap:0.1rem;}
        .auth-hero-badge strong {font-size:2.1rem;color:#fff;}
        .auth-hero-badge span {text-transform:uppercase;font-size:0.8rem;letter-spacing:0.2em;color:rgba(226,232,255,0.75);}
        .auth-hero-meta {display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:1.2rem;color:rgba(248,251,255,0.85);}
        .auth-hero-meta span {display:inline-flex;align-items:center;gap:0.35rem;}
        .auth-shell {padding: clamp(3rem,6vw,4.5rem) 0;background:#f8fbff;}
        .auth-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.8rem;align-items:stretch;}
        .auth-card {background:#fff;border-radius:1.2rem;padding:2rem;box-shadow:0 25px 55px rgba(15,23,42,0.12);color:#0f172a;}
        .auth-card h2 {margin-bottom:0.35rem;}
        .auth-card p {color:#475569;margin-bottom:1.2rem;}
.auth-card form {display:flex;flex-direction:column;gap:1rem;}
.plan-picker {display:flex;flex-direction:column;gap:0.7rem;background:rgba(15,23,42,0.03);border:1px solid rgba(148,163,184,0.3);padding:1rem;border-radius:1.1rem;}
.plan-picker-label {font-weight:600;color:#0f172a;font-size:0.95rem;}
.plan-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.8rem;}
.plan-card {position:relative;display:block;}
.plan-card input {position:absolute;top:0;left:0;opacity:0;pointer-events:none;}
.plan-card-body {border:1px solid rgba(148,163,184,0.4);border-radius:1rem;padding:0.9rem;background:#fff;transition:border-color 0.2s ease, box-shadow 0.2s ease;display:flex;flex-direction:column;gap:0.25rem;min-height:120px;}
.plan-card-body strong {color:#0f172a;font-size:1rem;}
.plan-card-body p {margin:0;color:#64748b;font-size:0.9rem;}
.plan-card input:checked + .plan-card-body {border-color:#2563eb;box-shadow:0 12px 30px rgba(37,99,235,0.15);}
.plan-badge {display:inline-flex;align-items:center;gap:0.3rem;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;background:rgba(37,99,235,0.1);color:#1d4ed8;padding:0.2rem 0.6rem;border-radius:999px;}
.auth-card label {font-weight:600;font-size:0.92rem;color:#0f172a;}
        .auth-card input,
        .auth-card select {width:100%;border-radius:0.9rem;border:1px solid rgba(148,163,184,0.5);padding:0.85rem;font-size:1rem;}
        .auth-card button {margin-top:0.5rem;}
        .auth-meta {font-size:0.9rem;color:#94a3b8;}
        .auth-meta a {color:#2563eb;font-weight:600;}
        .form-alert {padding:0.85rem 1rem;border-radius:0.8rem;font-size:0.95rem;}
        .form-alert.error {background:rgba(239,68,68,0.12);color:#b91c1c;border:1px solid rgba(239,68,68,0.3);}
        .form-alert.success {background:rgba(16,185,129,0.15);color:#047857;border:1px solid rgba(16,185,129,0.3);}

        .auth-footnote {margin-top:1rem;padding:0.9rem 1rem;border-radius:1rem;background:rgba(15,23,42,0.05);font-size:0.9rem;color:#0c1220;border:1px solid rgba(148,163,184,0.25);}
        .auth-info-card {background:#fff;border-radius:1.2rem;padding:2rem;border:1px solid rgba(148,163,184,0.3);box-shadow:0 25px 55px rgba(15,23,42,0.08);display:flex;flex-direction:column;gap:1.2rem;}
        .auth-perks {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;}
        .auth-perks li {display:flex;gap:0.9rem;align-items:flex-start;color:#475569;}
        .auth-perks li i {width:36px;height:36px;border-radius:50%;background:rgba(59,130,246,0.12);color:#2563eb;display:flex;align-items:center;justify-content:center;margin-top:0.2rem;}
        .auth-perks strong {display:block;color:#0f172a;}
        .auth-steps {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;}
        .auth-steps li {display:flex;gap:1rem;align-items:flex-start;}
        .auth-steps li span {width:38px;height:38px;border-radius:999px;border:1px solid rgba(148,163,184,0.35);display:flex;align-items:center;justify-content:center;font-weight:600;color:#0f172a;}
        .auth-steps.compact li span {font-size:0.85rem;width:30px;height:30px;}
        .auth-hero-panel .auth-perks li {color:#e2e8ff;}
        .auth-hero-panel .auth-perks li i {background:rgba(255,255,255,0.12);color:#fff;}
        .auth-meta.space-between {display:flex;justify-content:space-between;align-items:center;}
        .auth-meta-split {gap:0.75rem;}
        .auth-meta-split span {display:flex;gap:0.3rem;align-items:center;justify-content:flex-end;color:#475569;font-size:0.85rem;}
        [dir="rtl"] .auth-meta-split span {justify-content:flex-start;}

        /* Auth Constellation refresh */
        body.page-login,
        body.page-register {background:#030b1c;color:#f8fbff;}
        .auth-constellation {position:relative;min-height:calc(100vh - 120px);padding:clamp(3rem,6vw,5rem) 0;overflow:hidden;background:radial-gradient(circle at top,#07102a 0%,#030915 55%,#01050c 100%);}
        .auth-constellation .container {position:relative;z-index:2;}
        .glow-orb {position:absolute;border-radius:50%;filter:blur(60px);opacity:0.65;animation:drift 18s ease-in-out infinite alternate;}
        .glow-orb.orb-one {width:320px;height:320px;background:rgba(37,99,235,0.35);top:-60px;left:-80px;}
        .glow-orb.orb-two {width:260px;height:260px;background:rgba(14,165,233,0.3);bottom:10%;right:15%;}
        .glow-orb.orb-three {width:200px;height:200px;background:rgba(16,185,129,0.35);bottom:20%;left:10%;animation-delay:4s;}
        .auth-grid-new {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;align-items:flex-start;}
        .storyboard {position:relative;padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem;}
        .storyboard h1 {font-size:clamp(2.3rem,4vw,3.4rem);margin:0;}
        .storyboard-lead {font-size:1.05rem;color:rgba(226,232,255,0.8);max-width:560px;}
        .pulse-pill {display:inline-flex;align-items:center;gap:0.35rem;background:rgba(59,130,246,0.15);color:#c7d7ff;border-radius:999px;padding:0.3rem 0.9rem;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;}
        .pulse-pill i {color:#38bdf8;}
        .highlight-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;}
        .highlight-card {background:rgba(8,17,41,0.75);border:1px solid rgba(148,163,184,0.25);border-radius:1.1rem;padding:1rem;color:#f8fbff;box-shadow:0 25px 45px rgba(4,10,26,0.5);}
        .highlight-card strong {display:block;font-size:1.05rem;margin-bottom:0.3rem;}
        .highlight-card i {color:#38bdf8;margin-bottom:0.3rem;}
        .storyboard-panel {background:rgba(4,11,27,0.8);border:1px solid rgba(148,163,184,0.25);border-radius:1.3rem;padding:1.25rem;box-shadow:0 35px 70px rgba(2,6,18,0.65);}
.storyboard-panel header {display:flex;justify-content:space-between;align-items:center;margin:-0.25rem -0.25rem 1rem;background:linear-gradient(120deg,rgba(59,130,246,0.18),rgba(10,20,44,0.85));border-radius:1rem;padding:0.85rem 1rem;border:1px solid rgba(148,163,184,0.35);box-shadow:0 25px 50px rgba(2,6,18,0.55);}
.storyboard-panel header span {color:#dbeafe;font-weight:600;}
.storyboard-timer {font-size:0.85rem;color:#bfdbfe;background:rgba(15,23,42,0.65);border-radius:999px;padding:0.2rem 0.85rem;}
        .storyboard-timeline {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.9rem;}
        .storyboard-timeline li {display:flex;gap:0.9rem;align-items:flex-start;color:#e2e8ff;}
        .storyboard-timeline .timeline-index {width:36px;height:36px;border-radius:50%;border:1px solid rgba(148,163,184,0.5);display:flex;align-items:center;justify-content:center;font-weight:600;}
        .storyboard-timeline.compact li {align-items:center;color:#c7d2fe;font-size:0.95rem;}
        .storyboard-timeline.compact li i {color:#38bdf8;}
        .insight-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;}
        .insight-cards article {background:rgba(8,17,41,0.75);border:1px solid rgba(59,130,246,0.25);border-radius:1rem;padding:1rem;color:#f8fbff;}
        .insight-cards article small {display:block;text-transform:uppercase;letter-spacing:0.1em;font-size:0.72rem;color:#9fb7ff;margin-bottom:0.35rem;}
        .form-panel {background:#fff;border-radius:1.6rem;padding:2rem;box-shadow:0 35px 80px rgba(15,23,42,0.25);color:#0f172a;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;}
        .form-panel::after {content:\"\";position:absolute;inset:-40% auto auto 40%;width:220px;height:220px;background:radial-gradient(circle,rgba(59,130,246,0.2),transparent 65%);opacity:0.9;transform:translateY(-50%);pointer-events:none;}
        .form-panel .panel-header {position:relative;z-index:2;}
        .form-panel h2 {margin:0;font-size:1.8rem;}
        .constellation-form {display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2;}
        .constellation-form label {font-size:0.85rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:0.08em;}
        .constellation-form input,
        .constellation-form select {border-radius:1rem;border:1px solid rgba(148,163,184,0.45);padding:0.85rem 1rem;font-size:1rem;}
        .constellation-form .btn-primary {margin-top:0.25rem;}
        .locale-select select {width:100%;}
        .prefill-notice {display:flex;align-items:center;gap:0.4rem;}
        .prefill-notice i {color:#10b981;}
        .meta-grid .highlight-card {flex-direction:row;align-items:center;}
        @keyframes drift {from {transform:translateY(0);} to {transform:translateY(40px);}}
        .inline-link {font-weight:600;color:#2563eb;}
        .auth-hero-panel ul {margin-top:1rem;}
        body.page-portal {background:#f4f7ff;color:var(--text);}
        .portal-hero {padding:clamp(3rem,5vw,4.5rem) 0;background:linear-gradient(120deg,#01091c,#08204d);color:#f8fbff;}
        .portal-hero h1 {font-size:clamp(2.1rem,3.6vw,3rem);margin-bottom:0.4rem;}
        .portal-hero p {max-width:600px;color:rgba(248,251,255,0.8);}
        .portal-actions {margin:1.5rem 0;display:flex;gap:0.8rem;flex-wrap:wrap;}
        .portal-hero-callout {margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-start;background:rgba(1,9,28,0.6);border:1px solid rgba(255,255,255,0.2);border-radius:1.2rem;padding:1rem 1.2rem;}
        .portal-hero-callout i {font-size:1.4rem;color:#38bdf8;}
        .portal-hero-callout strong {color:#fff;display:block;margin-bottom:0.2rem;}
        .portal-hero-callout p {margin:0;color:rgba(248,251,255,0.78);max-width:520px;}
        .portal-hero .stat-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem;}
        .portal-hero .portal-actions {margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:0.8rem;}
        .stat-card {background:rgba(255,255,255,0.08);border-radius:1rem;padding:1.2rem;border:1px solid rgba(255,255,255,0.2);}
        .stat-card span {display:block;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.7);}
        .stat-card strong {display:block;font-size:1.6rem;margin-top:0.35rem;}
        .portal-shell {padding:clamp(2rem,4vw,3rem) 0 4rem;}
        .portal-layout {display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:flex-start;}
        .portal-main {display:flex;flex-direction:column;gap:2rem;}
        .portal-content {padding:0;}
        .portal-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:start;}
        .portal-card {background:#fff;border-radius:1.2rem;padding:1.5rem;border:1px solid rgba(148,163,184,0.3);box-shadow:0 25px 45px rgba(15,23,42,0.08);}
        .portal-card h3 {margin-bottom:0.5rem;}
        .portal-card-header {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;}
        .portal-card-header h3 {margin-bottom:0.15rem;}
        .portal-table {width:100%;border-collapse:separate;border-spacing:0;margin-top:0.75rem;}
        .portal-table th {text-align:left;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;padding-bottom:0.4rem;}
        .portal-table td {padding:0.45rem 0;border-bottom:1px solid rgba(226,232,240,0.8);font-size:0.95rem;}
        .portal-table tr:last-child td {border-bottom:0;}
        .portal-timeline {list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:1rem;}
        .portal-timeline li {display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(226,232,240,0.8);padding-bottom:0.75rem;}
        .portal-timeline li:last-child {border-bottom:0;padding-bottom:0;}
        .portal-timeline strong {display:block;color:#0f172a;}
        .portal-timeline small {display:block;color:#94a3b8;font-size:0.82rem;}
        .portal-timeline .timeline-actions {margin-top:0.4rem;}
        .portal-timeline .timeline-actions form {display:inline;}
        .portal-list {margin:1rem 0 1.5rem 1.2rem;padding:0;font-size:0.95rem;color:#1e293b;}
        .portal-list li {margin-bottom:0.6rem;}
        .ticket-thread {display:flex;flex-direction:column;gap:1rem;margin-top:1rem;}
        .ticket-message {border:1px solid rgba(148,163,184,0.35);border-radius:1rem;padding:1rem;background:#f8fafc;}
        .ticket-message.user {background:#ecfeff;border-color:rgba(6,182,212,0.3);}
        .ticket-message.agent {background:#f0fdf4;border-color:rgba(34,197,94,0.3);}
        .ticket-message.internal {background:#fdf2f8;border-color:rgba(236,72,153,0.3);}
        .ticket-message header {display:flex;justify-content:space-between;font-size:0.85rem;color:#475569;margin-bottom:0.5rem;}
        .ticket-message p {margin:0;color:#0f172a;}
        .portal-form {display:flex;flex-direction:column;gap:0.75rem;margin-top:1rem;}
        .portal-form textarea {border:1px solid rgba(148,163,184,0.4);border-radius:1rem;padding:0.9rem;font-size:1rem;resize:vertical;min-height:140px;}
        @media (max-width: 1024px) {
            .admin-layout,
            .portal-layout {grid-template-columns:1fr;}
            .admin-sidebar,
            .client-sidebar {position:relative;top:auto;}
        }
        .notification-item.unread {border-color:rgba(59,130,246,0.4);background:#eff6ff;}
        .notification-item form {margin-top:0.5rem;}
        .notification-item .btn-text {padding-left:0;margin-left:0;}
        .status-pill {display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.75rem;border-radius:999px;font-size:0.85rem;font-weight:600;}
        .status-pill.active {background:rgba(16,185,129,0.15);color:#047857;}
        .status-pill.pending {background:rgba(251,191,36,0.18);color:#935c00;}
        .status-pill.error {background:rgba(248,113,113,0.18);color:#b91c1c;}
        .status-pill.warning {background:rgba(250,204,21,0.2);color:#92400e;}
        .notification-list {display:flex;flex-direction:column;gap:1rem;margin-top:1rem;}
        .notification-item {padding:0.9rem;border-radius:1rem;background:#f8fafc;border:1px solid rgba(148,163,184,0.25);}
        .notification-item small {display:block;font-size:0.8rem;color:#94a3b8;margin-bottom:0.2rem;}
        .profile-forms {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;}
        .profile-form label {display:block;font-weight:600;margin-bottom:0.3rem;}
.profile-form input,
.profile-form select {width:100%;border-radius:0.9rem;border:1px solid rgba(148,163,184,0.45);padding:0.85rem;margin-bottom:0.9rem;}
.profile-form .btn {margin-top:0.5rem;}
.empty-copy {font-size:0.95rem;color:#94a3b8;margin-top:0.5rem;}
.metrics-updated {display:block;font-size:0.85rem;color:#8c9ab5;margin-top:0.75rem;}
.service-summary {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;}
.service-summary div {padding:0.75rem 0;}
.service-summary dt {font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:0.3rem;}
.service-summary dd {margin:0;font-weight:600;color:#0f172a;}
.cpanel-limits {list-style:none;margin:0.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.6rem;}
.cpanel-limits li {border:1px solid rgba(148,163,184,0.35);background:#f8fafc;border-radius:0.85rem;padding:0.6rem 0.75rem;}
.cpanel-limits span {display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;}
.cpanel-limits strong {display:block;margin-top:0.2rem;font-size:0.95rem;color:#0f172a;}
.domain-nameserver-list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.35rem;}
.domain-nameserver-list li {font-family:var(--font-mono, 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace);font-size:0.9rem;color:#0f172a;background:rgba(148,163,184,0.15);border-radius:0.6rem;padding:0.4rem 0.65rem;}
.portal-quick-actions {margin-top:1rem;}
.portal-quick-actions span {display:block;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:0.35rem;}
.portal-quick-actions-list {display:flex;flex-wrap:wrap;gap:0.5rem;}
.portal-quick-actions-list a {display:inline-flex;align-items:center;gap:0.35rem;padding:0.45rem 0.95rem;border-radius:999px;border:1px solid rgba(59,130,246,0.35);background:rgba(59,130,246,0.08);color:#0f172a;font-weight:600;font-size:0.9rem;text-decoration:none;}
.portal-quick-actions-list a:hover {border-color:rgba(59,130,246,0.6);background:rgba(59,130,246,0.15);}
.portal-quick-actions-list a i {color:#2563eb;}
.metadata-details {margin-top:1rem;border:1px solid rgba(148,163,184,0.35);border-radius:0.9rem;background:#f8fafc;}
.metadata-details summary {padding:0.75rem 1rem;font-weight:600;cursor:pointer;}
.metadata-details pre {margin:0;padding:1rem;border-top:1px solid rgba(148,163,184,0.25);overflow:auto;background:#0f172a;color:#e2e8f0;border-bottom-left-radius:0.9rem;border-bottom-right-radius:0.9rem;}
.service-actions {display:flex;flex-direction:column;gap:0.75rem;margin-top:1rem;}
.service-actions .action-buttons {display:flex;flex-wrap:wrap;gap:0.5rem;}
.provider-actions {margin-top:1rem;padding-top:0.5rem;border-top:1px solid rgba(148,163,184,0.25);}
.provider-actions:first-of-type {margin-top:0;padding-top:0;border-top:0;}
.provider-actions h4 {margin:0 0 0.25rem;font-size:1rem;color:#0f172a;}
.provider-actions p {margin:0 0 0.75rem;font-size:0.9rem;color:#475569;}
.service-actions label {display:block;font-weight:600;color:#475569;}
.service-actions label input {width:100%;border-radius:0.8rem;border:1px solid rgba(148,163,184,0.45);padding:0.65rem;margin-top:0.35rem;}
.service-actions label .form-hint {display:block;font-size:0.8rem;color:#94a3b8;margin-top:0.2rem;}
.automation-advanced {border:1px solid rgba(148,163,184,0.35);border-radius:1rem;padding:1rem;margin:1rem 0;background:#f8fafc;}
.automation-advanced h4 {margin:0 0 0.3rem;color:#0f172a;font-size:1rem;}
.automation-advanced p {margin:0 0 0.9rem;color:#475569;font-size:0.9rem;}
.timeline-list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.9rem;margin-top:1rem;}
.timeline-list li {border:1px solid rgba(148,163,184,0.35);border-radius:0.9rem;padding:0.85rem;}
.timeline-header {display:flex;justify-content:space-between;gap:1rem;font-size:0.9rem;margin-bottom:0.4rem;color:#475569;}
.timeline-error {color:#b91c1c;font-size:0.85rem;margin-top:0.4rem;}

        @media (max-width: 768px) {
            .auth-layout {grid-template-columns:1fr;}
            .portal-grid {grid-template-columns:1fr;}
            .profile-forms {grid-template-columns:1fr;}
        }
.automation-badges {display:flex;flex-wrap:wrap;gap:0.45rem;margin:0.4rem 0;}
.automation-badges span {background:rgba(15,23,42,0.05);color:#475569;font-size:0.82rem;padding:0.25rem 0.5rem;border-radius:999px;border:1px solid rgba(148,163,184,0.35);}