/*!
 * Copyright © 2026 ZentriGrading.app
 * Developed by www.a-ag.nl
 * All rights reserved by zentrigrading.app
 * Production build date: 2026-05-31
 */
:root{--topbar-height:66px;--cyan:#00ffc8;--bg:#070b0f;--panel:rgba(8,12,16,0.82);--panel-strong:rgba(10,15,20,0.94);--line:rgba(0,255,200,0.14);--muted:rgba(216,255,248,0.55);--text:#d8fff8;--danger:#ff6b8a;--warning:#ffaa00}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Poppins,sans-serif;background:radial-gradient(circle at 16% 8%,rgba(0,255,200,.08),transparent 34%),radial-gradient(circle at 85% 18%,rgba(0,120,255,.07),transparent 34%),linear-gradient(180deg,#070b0f 0,#090e13 48%,#05080b 100%);color:var(--text)}button,input{font-family:inherit}a,a.btn{text-decoration:none}.btn-ghost,.btn-main{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;font-size:13px;font-weight:600;transition:.2s}.btn-main{border:1px solid rgba(0,255,200,.38);background:rgba(0,255,200,.12);color:var(--cyan)}.btn-main:hover{color:#fff;border-color:rgba(0,255,200,.7);box-shadow:0 0 24px rgba(0,255,200,.18);transform:translateY(-1px)}.btn-ghost{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:rgba(216,255,248,.82)}.btn-ghost:hover{color:#fff;border-color:rgba(0,255,200,.35)}.page{width:min(1180px,calc(100% - 36px));margin:34px auto 64px}.pageHeader{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px}.kicker{font-size:10px;color:var(--cyan);letter-spacing:1.8px;text-transform:uppercase}h1{margin:8px 0;font-size:clamp(30px, 4vw, 48px);line-height:1;font-weight:300;letter-spacing:1px;color:#fff}.pageIntro{max-width:760px;margin:0;color:rgba(216,255,248,.62);font-size:13px;line-height:1.7}.headerActions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:8px;border:1px solid #1f2a32;background:linear-gradient(180deg,#0f1418,#0a0d10);color:#d7e3ea;font-size:12px;font-weight:500;cursor:pointer;transition:.15s}.btn:hover{border-color:rgba(0,255,200,.35);color:#fff}.btn.primary{border-color:rgba(0,255,200,.35);background:rgba(0,255,200,.11);color:var(--cyan)}.btn.secondary{color:rgba(216,255,248,.76)}.btn.danger{color:var(--danger)}.btn.warning{color:var(--warning);border-color:rgba(255,170,0,.35);background:rgba(255,170,0,.08)}.btn:disabled,.btn[disabled]{opacity:.58;cursor:not-allowed}.actionForm,.billingForm{margin:0}.actionForm .btn,.billingForm .btn{width:100%}.subActions form{margin:0}.subActions .btn{white-space:nowrap}.actionStack{display:grid;gap:10px}.card{border:1px solid var(--line);border-radius:16px;background:var(--panel);backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}.cardInner{padding:18px}.cardHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.cardTitle{margin:4px 0 0;color:#fff;font-size:18px;font-weight:400;letter-spacing:.8px}.statusBadge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,255,200,.18);background:rgba(0,255,200,.07);color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.statusBadge.muted{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:rgba(216,255,248,.55)}.statusBadge.warning{border-color:rgba(255,170,0,.28);background:rgba(255,170,0,.08);color:var(--warning)}.packCard .statusBadge,.planCard .statusBadge{pointer-events:none}.sectionTitle{margin:22px 0 12px;color:var(--cyan);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.sectionHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:28px 0 12px}.sectionHead .sectionTitle{margin:0}.sectionHead p{max-width:620px;margin:0;color:rgba(216,255,248,.56);font-size:12px;line-height:1.6}.planAlert{padding:14px 16px;border-radius:14px;font-size:12px;line-height:1.65}.billingGrid .planAlert,.cardInner .planAlert{margin-top:12px}.page>.planAlert{margin-bottom:22px}.planAlert.success{border:1px solid rgba(0,255,200,.18);background:rgba(0,255,200,.06);color:rgba(216,255,248,.88)}.planAlert.warning{border:1px solid rgba(255,170,0,.22);background:rgba(255,170,0,.07);color:rgba(255,230,180,.92)}.planAlert.danger{border:1px solid rgba(255,107,138,.22);background:rgba(255,107,138,.07);color:rgba(255,210,220,.92)}.notice{margin-top:14px;padding:13px;border-radius:12px;border:1px solid rgba(255,170,0,.2);background:rgba(255,170,0,.065);color:rgba(255,230,180,.88);font-size:12px;line-height:1.6}.notice h3{margin:0 0 8px;font-size:20px;font-weight:500}.toast{position:fixed;right:22px;bottom:22px;z-index:70;padding:13px 16px;border-radius:12px;border:1px solid rgba(0,255,200,.24);background:rgba(8,12,16,.96);color:var(--cyan);box-shadow:0 18px 60px rgba(0,0,0,.38);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.compareTable,.table{width:100%;border-collapse:collapse}.compareTable tr,.table tr{border-bottom:1px solid rgba(255,255,255,.07)}.compareTable tr:last-child,.table tr:last-child{border-bottom:0}.compareTable td,.compareTable th,.table td,.table th{padding:13px 8px;text-align:left;font-size:12px}.compareTable th,.table th{color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:10px}.compareTable td,.table td{color:rgba(255,255,255,.86)}.compareTable td strong,.table td.mono{font-family:monospace;color:#fff;font-weight:500}.table td.right,.table th.right{text-align:right}.compareWrap,.tableWrap{overflow-x:auto}.billingGrid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:18px}.metricStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metricBox{padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04)}.metricBox span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.metricBox strong{color:#fff;font-family:monospace;font-size:18px;font-weight:500}.currentPlanBar,.planPanel{display:grid;grid-template-columns:1fr auto;gap:18px;border-radius:16px;border:1px solid rgba(0,255,200,.16);background:linear-gradient(145deg,rgba(0,255,200,.08),rgba(0,120,255,.035)),rgba(255,255,255,.035)}.planPanel{padding:16px}.currentPlanBar{align-items:center;margin-bottom:24px;padding:18px}.currentPlanBar h2,.planName{color:#fff;font-weight:500}.planName{font-size:20px}.currentPlanBar h2{margin:5px 0 6px;font-size:22px}.currentPlanBar p,.planMeta{color:rgba(216,255,248,.6);font-size:12px;line-height:1.6}.planMeta{margin-top:5px}.currentPlanBar p{margin:0}.planPrice{text-align:right}.planPrice strong{display:block;color:#fff;font-family:monospace;font-size:22px}.planPrice span{color:var(--muted);font-size:11px}.currentMeta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.progressWrap{margin-top:16px}.progressTop{display:flex;justify-content:space-between;color:rgba(216,255,248,.68);font-size:12px;margin-bottom:8px}.progressBar{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.progressFill{width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(0,255,200,.85),rgba(0,120,255,.65));box-shadow:0 0 16px rgba(0,255,200,.25)}.subscriptionList{display:grid;gap:10px}.subscriptionItem{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035)}.subscriptionItem.active{border-color:rgba(0,255,200,.22)}.subscriptionItem.scheduled{border-color:rgba(255,170,0,.28);background:rgba(255,170,0,.055)}.subscriptionItem.canceling{border-color:rgba(255,107,138,.28);background:rgba(255,107,138,.055)}.subscriptionItem.disabled{opacity:.72}.subscriptionItem h3{margin:0 0 5px;font-size:14px;font-weight:500;color:#fff}.subscriptionItem p{margin:0;color:rgba(216,255,248,.55);font-size:11px;line-height:1.5}.subActions{display:flex;gap:8px;align-items:center}.infoList{display:grid;gap:10px}.infoRow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}.infoRow:last-child{border-bottom:0}.infoRow span{color:var(--muted)}.infoRow strong{color:#fff;font-family:monospace;font-weight:500;text-align:right}.paymentMethod{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04)}.cardBrand{display:flex;align-items:center;gap:12px}.brandIcon{width:44px;height:30px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(0,255,200,.2);background:rgba(0,255,200,.07);color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:1px}.paymentText strong{color:#fff;font-size:13px}.paymentText span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.planGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.planCard{position:relative;display:flex;flex-direction:column;min-height:430px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);overflow:hidden}.planCard:hover{border-color:rgba(0,255,200,.24)}.planCard.current,.planCard.featured{border-color:rgba(0,255,200,.35);background:radial-gradient(circle at 20% 0,rgba(0,255,200,.14),transparent 42%),rgba(0,255,200,.055);box-shadow:0 0 28px rgba(0,255,200,.07)}.planCard.scheduled,.planCard.unlimited{border-color:rgba(255,170,0,.35);background:radial-gradient(circle at 20% 0,rgba(255,170,0,.13),transparent 42%),rgba(255,170,0,.045)}.planRibbon{position:absolute;top:14px;right:14px}.planType{margin-bottom:14px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.planCard h3{margin:0 0 8px;color:#fff;font-size:20px;font-weight:500}.planCard p{min-height:58px;margin:0 0 18px;color:rgba(216,255,248,.58);font-size:12px;line-height:1.55}.priceLine{margin-bottom:16px}.priceLine strong{color:#fff;font-family:monospace;font-size:28px;font-weight:500}.priceLine span{color:var(--muted);font-size:12px}.featureList{display:grid;gap:10px;margin:16px 0 18px}.featureItem{display:flex;gap:9px;color:rgba(216,255,248,.72);font-size:12px;line-height:1.45}.featureItem::before{content:"✓";color:var(--cyan)}.packCard.best .featureItem::before,.planCard.unlimited .featureItem::before{color:var(--warning)}.planFooter{margin-top:auto}.packCard .btn,.planCard .btn{width:100%}.smallNote{margin-top:10px;color:rgba(216,255,248,.45);font-size:10px;line-height:1.5;text-align:center}.purchaseGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.purchaseCard{padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04)}.purchaseCard.featured{border-color:rgba(0,255,200,.28);background:rgba(0,255,200,.065)}.purchaseCard.exclusive{border-color:rgba(0,255,200,.28);background:radial-gradient(circle at top right,rgba(0,255,200,.12),transparent 45%),rgba(0,255,200,.045)}.purchaseCard span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.purchaseCard strong{display:block;margin:7px 0 4px;color:#fff;font-size:20px;font-family:monospace}.purchaseCard small{display:block;min-height:34px;color:rgba(216,255,248,.52);font-size:11px;line-height:1.45}.purchaseCard .btn{width:100%;margin-top:12px}.packGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.packCard{position:relative;display:flex;flex-direction:column;min-height:310px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.packCard.best{border-color:rgba(255,170,0,.35);background:radial-gradient(circle at 20% 0,rgba(255,170,0,.1),transparent 42%),rgba(255,170,0,.04)}.packCard h3{margin:0 0 8px;color:#fff;font-size:19px;font-weight:500}.packCard p{margin:0 0 18px;color:rgba(216,255,248,.58);font-size:12px;line-height:1.55}.splitGrid{display:grid;grid-template-columns:1fr 360px;gap:18px}.modalOverlay{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.modalOverlay.visible{display:flex}.modalWindow{width:min(520px,100%);border-radius:18px;border:1px solid rgba(0,255,200,.2);background:rgba(8,12,16,.96);box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:hidden}.modalHeader{padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.modalHeader h3{margin:4px 0 0;color:#fff;font-size:20px;font-weight:500}.modalBody{padding:18px}.modalBody p{margin:0 0 16px;color:rgba(216,255,248,.62);font-size:12px;line-height:1.7}.modalActions{display:flex;gap:10px;justify-content:flex-end;padding:18px;border-top:1px solid rgba(255,255,255,.08)}@media (max-width:1120px){.planGrid{grid-template-columns:repeat(2,1fr)}.packGrid,.splitGrid{grid-template-columns:1fr}}@media (max-width:992px){.how-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.billingGrid,.metricStrip,.purchaseGrid{grid-template-columns:1fr}.pageHeader{align-items:flex-start;flex-direction:column}.accountText,.navPill{display:none}}@media (max-width:760px){.pageHeader,.sectionHead{flex-direction:column;align-items:flex-start}.currentPlanBar,.planPanel{grid-template-columns:1fr}.currentMeta{justify-content:flex-start}.planGrid{grid-template-columns:1fr}.compareTable{min-width:860px}}@media (max-width:620px){.paymentMethod,.subscriptionItem{grid-template-columns:1fr}.planPrice{text-align:left}.tableScroll{min-width:680px}}