/* Product Hub — premium portfolio presentation */
body[data-page="products"] .dedicated-main{width:min(1440px,calc(100% - 44px));padding-top:28px}
body[data-page="products"] .dedicated-hero{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:clamp(26px,4vw,48px);border:1px solid rgba(93,224,248,.24);border-radius:28px;background:radial-gradient(ellipse at 82% 18%,rgba(0,205,239,.22),transparent 35%),radial-gradient(ellipse at 12% 100%,rgba(79,108,255,.16),transparent 42%),linear-gradient(118deg,#07182c 0%,#0b2945 58%,#102a47 100%);box-shadow:0 24px 70px rgba(0,0,0,.24)}
body[data-page="products"] .dedicated-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(119,222,244,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(119,222,244,.075) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(110deg,#000,transparent 82%);opacity:.7}
body[data-page="products"] .dedicated-hero:after{content:"Z";position:absolute;z-index:-1;right:7%;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:clamp(150px,23vw,300px);line-height:1;font-weight:950;letter-spacing:-.12em;color:rgba(113,232,250,.055);text-shadow:0 0 70px rgba(45,200,232,.12);pointer-events:none}
body[data-page="products"] .dedicated-hero h1{font-size:clamp(2.25rem,5vw,4.1rem);letter-spacing:-.055em;line-height:1.02;margin:10px 0 12px}
body[data-page="products"] .dedicated-hero>div>p:not(.eyebrow){max-width:660px;font-size:.98rem;line-height:1.75;color:#b5cfe0}
body[data-page="products"] .dedicated-status{border:1px solid rgba(105,232,244,.22);background:rgba(60,210,235,.09);backdrop-filter:blur(12px);padding:9px 13px;border-radius:999px;color:#c7f7ff;font-size:.72rem;font-weight:800;box-shadow:0 0 28px rgba(61,208,235,.08)}
body[data-page="products"] .dedicated-hero .page-actions{gap:9px;margin-top:23px}
body[data-page="products"] .dedicated-hero .page-link-button{padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.055);border-color:rgba(164,224,243,.2);color:#d8f6ff;backdrop-filter:blur(12px);transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
body[data-page="products"] .dedicated-hero .page-link-button:first-child{background:linear-gradient(115deg,#9af2ff,#38c4e4);border-color:transparent;color:#05243a;box-shadow:0 8px 24px rgba(47,199,229,.18)}
body[data-page="products"] .dedicated-hero .page-link-button:hover{transform:translateY(-3px);border-color:rgba(112,231,248,.55);box-shadow:0 12px 28px rgba(0,0,0,.18)}
body[data-page="products"] #pageContent{display:grid;gap:22px;animation:hub-enter .55s cubic-bezier(.2,.75,.25,1) both}
body[data-page="products"] #pageContent>.page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0}
body[data-page="products"] #pageContent>.page-grid>.page-card{position:relative;overflow:hidden;min-width:0;min-height:130px;padding:19px 20px;border:1px solid rgba(143,206,233,.15);border-radius:19px;background:linear-gradient(145deg,rgba(20,48,75,.88),rgba(8,24,42,.94));box-shadow:0 12px 30px rgba(0,0,0,.13);transition:transform .25s,border-color .25s,box-shadow .25s}
body[data-page="products"] #pageContent>.page-grid>.page-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#67e4f5,#8b9dff,transparent)}
body[data-page="products"] #pageContent>.page-grid>.page-card:after{content:"";position:absolute;width:115px;height:115px;right:-44px;bottom:-60px;border:1px solid rgba(102,226,244,.12);border-radius:32px;transform:rotate(35deg);box-shadow:0 0 0 13px rgba(102,226,244,.018),0 0 0 27px rgba(102,226,244,.012);pointer-events:none}
body[data-page="products"] #pageContent>.page-grid>.page-card:hover{transform:translateY(-4px);border-color:rgba(105,226,246,.34);box-shadow:0 18px 42px rgba(0,0,0,.2)}
body[data-page="products"] #pageContent>.page-grid>.page-card .page-card-head h2{font-size:.77rem;letter-spacing:.025em;color:#a9c8db}
body[data-page="products"] #pageContent>.page-grid>.page-card>p{font-size:.68rem;color:#789bb4}
body[data-page="products"] #pageContent>.page-grid>.page-card .page-stat{font-size:2rem;font-weight:900;letter-spacing:-.06em;color:#f3fcff;margin-top:9px}
body[data-page="products"] #pageContent>.page-card{position:relative;overflow:hidden;padding:clamp(19px,3vw,28px);border:1px solid rgba(145,207,234,.15);border-radius:23px;background:linear-gradient(145deg,rgba(17,39,63,.92),rgba(7,21,38,.96));box-shadow:0 18px 48px rgba(0,0,0,.15)}
body[data-page="products"] #pageContent>.page-card>.page-card-head h2{font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.025em;color:#f1fbff}
body[data-page="products"] #pageContent>.page-card>p{color:#91adc2;line-height:1.7}
body[data-page="products"] #pageContent>.page-card .page-actions{gap:8px}
body[data-page="products"] #pageContent>.page-card .page-link-button{border-radius:11px;padding:10px 13px}
body[data-page="products"] .hub-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
body[data-page="products"] .hub-product-card{--hub-accent:#62e4f4;--hub-accent-rgb:98,228,244;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:17px;min-width:0;padding:21px;border:1px solid rgba(146,205,232,.16);border-radius:21px;background:radial-gradient(ellipse at 100% 0%,rgba(var(--hub-accent-rgb),.12),transparent 44%),linear-gradient(145deg,rgba(19,43,68,.96),rgba(7,22,39,.98));box-shadow:0 13px 34px rgba(0,0,0,.16);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;animation:hub-card-in .55s both}
body[data-page="products"] .hub-product-card:nth-child(2){animation-delay:.05s}body[data-page="products"] .hub-product-card:nth-child(3){animation-delay:.1s}body[data-page="products"] .hub-product-card:nth-child(4){animation-delay:.15s}body[data-page="products"] .hub-product-card:nth-child(5){animation-delay:.2s}body[data-page="products"] .hub-product-card:nth-child(6){animation-delay:.25s}
body[data-page="products"] .hub-product-card:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--hub-accent),rgba(var(--hub-accent-rgb),.15),transparent)}
body[data-page="products"] .hub-product-card:after{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-110px;top:-120px;border:1px solid rgba(var(--hub-accent-rgb),.15);border-radius:50%;box-shadow:0 0 0 18px rgba(var(--hub-accent-rgb),.025),0 0 0 38px rgba(var(--hub-accent-rgb),.018);pointer-events:none}
body[data-page="products"] .hub-product-card:hover{transform:translateY(-5px);border-color:rgba(var(--hub-accent-rgb),.42);box-shadow:0 22px 48px rgba(0,0,0,.24),0 0 34px rgba(var(--hub-accent-rgb),.055)}
body[data-page="products"] .hub-product-head{display:flex;align-items:center;gap:14px;min-width:0}
body[data-page="products"] .hub-product-art{position:relative;display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:19px;border:1px solid rgba(var(--hub-accent-rgb),.34);background:linear-gradient(145deg,rgba(var(--hub-accent-rgb),.22),rgba(255,255,255,.035));color:#e9fcff;font-size:1.2rem;font-weight:950;letter-spacing:-.06em;box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 25px rgba(var(--hub-accent-rgb),.08);text-shadow:0 0 20px rgba(var(--hub-accent-rgb),.35)}
body[data-page="products"] .hub-product-art:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.1);border-radius:14px;transform:rotate(-7deg)}
body[data-page="products"] .hub-product-identity{min-width:0;flex:1}
body[data-page="products"] .hub-product-kicker{display:block;margin-bottom:5px;color:var(--hub-accent);font-size:.59rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
body[data-page="products"] .hub-product-card .page-row-copy h3{margin:0;color:#f4fbff;font-size:1.12rem;letter-spacing:-.025em}
body[data-page="products"] .hub-product-card .page-row-copy p{margin:7px 0 0;color:#91abc0;font-size:.78rem;line-height:1.6}
body[data-page="products"] .hub-product-card .page-row-main{display:flex;align-items:center;gap:13px;min-width:0;width:100%}
body[data-page="products"] .hub-product-card .page-row-icon{display:none}
body[data-page="products"] .hub-product-card .page-row-copy{min-width:0}
body[data-page="products"] .hub-product-card .page-row-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
body[data-page="products"] .hub-product-card .page-pill{padding:5px 9px;border:1px solid rgba(150,207,233,.17);border-radius:999px;background:rgba(255,255,255,.035);color:#b5cede;font-size:.63rem;font-weight:800}
body[data-page="products"] .hub-product-card .page-pill.good{color:#8be9c9;border-color:rgba(93,222,178,.28);background:rgba(93,222,178,.07)}
body[data-page="products"] .hub-product-card .page-pill.warn{color:#ffd18d;border-color:rgba(255,190,100,.27);background:rgba(255,190,100,.07)}
body[data-page="products"] .hub-product-card .page-pill.purple{color:#c9baff;border-color:rgba(176,151,255,.25);background:rgba(176,151,255,.07)}
body[data-page="products"] .hub-product-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px;border-top:1px solid rgba(153,205,229,.11)}
body[data-page="products"] .hub-product-actions .page-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0}
body[data-page="products"] .hub-product-actions .page-link-button,body[data-page="products"] .hub-product-actions .page-button{min-height:36px;padding:9px 11px;border-radius:10px;border:1px solid rgba(148,205,231,.17);background:rgba(255,255,255,.035);color:#c9e5f1;font-size:.68rem;font-weight:800;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
body[data-page="products"] .hub-product-actions .page-link-button:first-child{background:linear-gradient(115deg,rgba(var(--hub-accent-rgb),.24),rgba(var(--hub-accent-rgb),.1));border-color:rgba(var(--hub-accent-rgb),.4);color:#dffaff}
body[data-page="products"] .hub-product-actions .page-link-button:hover,body[data-page="products"] .hub-product-actions .page-button:hover{transform:translateY(-2px);border-color:rgba(var(--hub-accent-rgb),.5);background:rgba(var(--hub-accent-rgb),.1)}
body[data-page="products"] .hub-admin-bridge{background:radial-gradient(ellipse at 95% 0%,rgba(117,144,255,.14),transparent 38%),linear-gradient(140deg,rgba(24,36,70,.95),rgba(8,22,40,.98))}
body[data-page="products"] .hub-admin-bridge .page-card-head:before{content:"SECURE PRODUCT ACCESS";display:block;margin-bottom:8px;color:#a8a1ff;font-size:.61rem;font-weight:900;letter-spacing:.16em}
body[data-page="products"] .hub-register-card{border-color:rgba(98,228,244,.24)!important;background:radial-gradient(ellipse at 100% 0%,rgba(98,228,244,.1),transparent 42%),linear-gradient(145deg,rgba(16,47,69,.96),rgba(7,22,39,.98))!important}
body[data-page="products"] .hub-register-card .page-card-head:before{content:"PORTFOLIO ADMINISTRATION";display:block;margin-bottom:8px;color:#74e6f5;font-size:.61rem;font-weight:900;letter-spacing:.15em}
body[data-page="products"] #pageContent>.page-card .page-form{margin-top:16px;gap:14px}
body[data-page="products"] #pageContent>.page-card .page-form label{color:#b7cddd}
body[data-page="products"] #pageContent>.page-card .page-form input,body[data-page="products"] #pageContent>.page-card .page-form select,body[data-page="products"] #pageContent>.page-card .page-form textarea{border-radius:12px;background:rgba(4,17,31,.78);border-color:rgba(148,205,231,.18);padding:12px 13px;color:#eefaff}
body[data-page="products"] #pageContent>.page-card .page-form-actions .page-button{padding:11px 17px;border:0;background:linear-gradient(110deg,#9af2ff,#3dc7e5);color:#05243a;border-radius:11px;box-shadow:0 9px 22px rgba(49,194,225,.15)}
body[data-page="products"] #pageContent>.page-card .page-empty{border-color:rgba(132,204,231,.2);background:rgba(255,255,255,.018)}
@keyframes hub-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hub-card-in{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:980px){body[data-page="products"] #pageContent>.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-page="products"] .dedicated-main{width:calc(100% - 24px);padding-top:16px}body[data-page="products"] .dedicated-hero{padding:23px 20px;border-radius:21px}body[data-page="products"] .dedicated-hero:after{right:-5%;top:20%;font-size:170px}body[data-page="products"] .dedicated-status{align-self:flex-start}body[data-page="products"] #pageContent>.page-grid,body[data-page="products"] .hub-product-grid{grid-template-columns:1fr}body[data-page="products"] .hub-product-card{padding:17px}body[data-page="products"] .hub-product-actions .page-link-button,body[data-page="products"] .hub-product-actions .page-button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){body[data-page="products"] #pageContent,body[data-page="products"] .hub-product-card{animation:none!important}body[data-page="products"] .hub-product-card,body[data-page="products"] .dedicated-hero .page-link-button,body[data-page="products"] #pageContent>.page-grid>.page-card{transition:none!important}body[data-page="products"] .hub-product-card:hover,body[data-page="products"] #pageContent>.page-grid>.page-card:hover{transform:none}}


/* Product Hub: cinematic portfolio styling with distinct product accents. */
body[data-page="products"] .dedicated-hero{border-color:rgba(196,181,253,.24);background:radial-gradient(ellipse at 82% 15%,rgba(167,139,250,.23),transparent 36%),radial-gradient(ellipse at 12% 100%,rgba(110,231,183,.13),transparent 42%),linear-gradient(118deg,#10172d 0%,#17203a 58%,#0d2630 100%);box-shadow:0 28px 76px rgba(0,0,0,.28)}
body[data-page="products"] .dedicated-hero:before{background-image:linear-gradient(rgba(196,181,253,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(196,181,253,.07) 1px,transparent 1px)}
body[data-page="products"] .dedicated-hero:after{color:rgba(196,181,253,.06);text-shadow:0 0 70px rgba(167,139,250,.13)}
body[data-page="products"] .dedicated-hero .page-link-button:first-child{background:linear-gradient(110deg,#a78bfa,#8067e8 65%,#647bd5);color:#fff;box-shadow:0 10px 26px rgba(128,103,232,.22)}
body[data-page="products"] .dedicated-hero .page-link-button{border-color:rgba(196,181,253,.2);background:rgba(255,255,255,.045);color:#e9e4ff}
body[data-page="products"] .dedicated-status{border-color:rgba(110,231,183,.2);background:rgba(110,231,183,.07);color:#a7f3d0;box-shadow:0 0 26px rgba(110,231,183,.07)}
body[data-page="products"] #pageContent>.page-grid>.page-card,body[data-page="products"] #pageContent>.page-card{border-color:rgba(192,181,255,.17);background:linear-gradient(145deg,rgba(25,33,58,.94),rgba(9,20,36,.97));box-shadow:0 18px 42px rgba(0,0,0,.2)}
body[data-page="products"] #pageContent>.page-grid>.page-card:before{background:linear-gradient(90deg,#a78bfa,#6ee7b7,#fbbf24,transparent)}
body[data-page="products"] .hub-product-card{--hub-accent:#a78bfa;--hub-accent-rgb:167,139,250;border-color:rgba(192,181,255,.17);background:radial-gradient(ellipse at 100% 0%,rgba(var(--hub-accent-rgb),.14),transparent 44%),linear-gradient(145deg,rgba(25,33,58,.96),rgba(9,20,36,.98));box-shadow:0 16px 40px rgba(0,0,0,.2)}
body[data-page="products"] .hub-product-card:nth-child(2){--hub-accent:#6ee7b7;--hub-accent-rgb:110,231,183}
body[data-page="products"] .hub-product-card:nth-child(3){--hub-accent:#fbbf24;--hub-accent-rgb:251,191,36}
body[data-page="products"] .hub-product-card:nth-child(4){--hub-accent:#fb7185;--hub-accent-rgb:251,113,133}
body[data-page="products"] .hub-product-art{color:#fff}
body[data-page="products"] .hub-product-card:hover{border-color:rgba(var(--hub-accent-rgb),.45);box-shadow:0 24px 52px rgba(0,0,0,.25),0 0 34px rgba(var(--hub-accent-rgb),.07)}