.page-body { min-height:100vh; color:#eef6ff; background:radial-gradient(circle at 12% 8%,rgba(17,136,211,.1),transparent 26%),#06101c; }
.page-header { position:sticky; top:0; z-index:20; height:78px; min-height:78px; padding:0 max(28px,calc((100vw - 1400px)/2)); display:flex; align-items:center; gap:clamp(16px,2.6vw,44px); border-bottom:1px solid rgba(255,255,255,.08); background:rgba(5,13,23,.94); backdrop-filter:blur(18px); }
.page-header .brand { margin-right:0; }
.page-header nav { margin-left:auto; gap:34px; }
.page-header .menu-toggle { margin-left:0; }
.page-main { max-width:1320px; min-height:70vh; margin:0 auto; padding:58px 30px 100px; }
.page-hero { max-width:850px; margin-bottom:46px; }
.page-hero .eyebrow { margin-bottom:13px; }
.page-hero h1 { margin:0 0 17px; font:800 clamp(43px,6vw,76px)/.98 Outfit,sans-serif; letter-spacing:-2.6px; }
.page-hero > p:not(.eyebrow) { max-width:720px; color:#9aadc1; font-size:16px; line-height:1.75; }
.page-main > h1,.legal-copy > h1 { margin:0 0 22px; font:800 clamp(42px,6vw,72px)/1 Outfit,sans-serif; letter-spacing:-2.4px; }
.page-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 20px; border:1px solid #294058; border-radius:13px; color:#d9e8f5; background:#0b1a29; font-weight:700; transition:transform .2s,border-color .2s,background .2s; }
.secondary-button:hover { transform:translateY(-2px); border-color:#4b6885; background:#10243a; }
.panel { padding:28px; border:1px solid var(--line); border-radius:22px; background:#0b1a29; box-shadow:0 18px 48px rgba(0,0,0,.14); }
.panel h2,.panel h3 { font-family:Outfit,sans-serif; }
.panel h2 { margin:0 0 12px; font-size:28px; }
.panel h3 { margin:0 0 8px; }
.panel p { color:#91a5b9; line-height:1.65; }
.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.stat-card { padding:22px; border:1px solid var(--line); border-radius:18px; background:#0a1928; }
.stat-card span { color:#7f95ab; font-size:11px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.stat-card strong { display:block; margin-top:8px; color:var(--lime); font:800 30px Outfit; }
.form-card label { display:grid; gap:7px; margin-bottom:15px; color:#b9c8d7; font-size:12px; font-weight:700; }
.form-card input,.form-card select,.form-card textarea { background:#07131f; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.notice { padding:15px 18px; border:1px solid rgba(120,199,243,.25); border-radius:14px; color:#b8cfe0; background:rgba(17,136,211,.09); font-size:12px; line-height:1.6; }
.warning-notice { border-color:rgba(255,182,96,.25); color:#f0c798; background:rgba(255,140,46,.08); }
.status-pill { display:inline-flex; padding:6px 9px; border-radius:999px; color:var(--lime); background:rgba(142,229,46,.1); font-size:9px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; }
.empty-state { padding:55px 25px; text-align:center; border:1px dashed #2a4056; border-radius:20px; color:#8297ac; }
.empty-state h2 { color:#eef6ff; }
.page-footer { padding:35px max(25px,calc((100vw - 1320px)/2)); display:flex; justify-content:space-between; gap:25px; border-top:1px solid var(--line); color:#71869b; background:#050d17; }
.page-footer p { margin:0; font-size:11px; }
.page-footer div { display:flex; flex-wrap:wrap; gap:18px; }
.page-footer a { margin:0; color:#8ca1b5; font-size:11px; }
.page-footer a:hover { color:var(--lime); }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:18px; }
table { width:100%; border-collapse:collapse; min-width:760px; background:#091725; }
th,td { padding:14px 16px; border-bottom:1px solid var(--line); text-align:left; font-size:12px; }
th { color:#7f95aa; font-size:9px; text-transform:uppercase; letter-spacing:.8px; }
td { color:#c2d1df; }
tr:last-child td { border-bottom:0; }
.icon-tile { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; color:var(--lime); background:rgba(142,229,46,.09); font:800 22px Outfit; }
.content-section { margin-top:70px; }
.content-section > h2 { margin:0 0 25px; font:800 38px Outfit; }
.check-list { display:grid; gap:11px; margin:18px 0; padding:0; list-style:none; }
.check-list li { color:#a9bacb; font-size:13px; }
.check-list li::before { content:"✓"; display:inline-grid; place-items:center; width:20px; height:20px; margin-right:9px; border-radius:50%; color:#07111f; background:var(--lime); font-size:10px; font-weight:800; }
.legal-copy { max-width:900px; }
.legal-copy h2 { margin:42px 0 12px; font:700 28px Outfit; }
.legal-copy h3 { margin:28px 0 8px; font:700 19px Outfit; }
.legal-copy p,.legal-copy li { color:#9cafc2; line-height:1.75; }
.legal-copy a { color:#78c7f3; text-decoration:underline; }

@media (max-width:1080px) {
  .page-header { gap:18px; }
  .page-header nav { gap:18px; }
  .page-header nav a { font-size:12px; }
  .page-header .brand small { display:none; }
  .page-header > .button { padding:0 14px; font-size:11px; }
}

@media (min-width:851px) and (max-width:1000px) {
  .page-header #site-nav a[href="account.html"],
  .page-header #site-nav a[href$="#why-sharper"] { display:none; }
}

@media (max-width:850px) {
  .page-header { height:68px; min-height:68px; padding:0 18px; gap:10px; }
  .page-header nav { display:none; position:absolute; top:67px; left:0; right:0; padding:20px; flex-direction:column; align-items:flex-start; background:#07111f; }
  .page-header nav.open { display:flex; }
  .page-header .menu-toggle { display:block; order:3; margin-left:auto; }
  .page-header > .button { display:none; }
  .page-header .header-account-link { display:none; }
  .page-header .basket-header-link,.page-header .store-cart-header-link { order:2; margin-left:0; }
  .page-header .basket-header-link { display:none; }
  .page-main { padding:45px 19px 75px; }
  .grid-2,.grid-3,.grid-4 { grid-template-columns:1fr; }
  .field-row { grid-template-columns:1fr; gap:0; }
  .page-footer { flex-direction:column; }
}

@media print {
  .page-header,.page-footer,.no-print { display:none!important; }
  .page-body,.page-main { color:#000; background:#fff; }
  .panel { color:#000; background:#fff; border:1px solid #bbb; box-shadow:none; }
}