/* PomeroyX Software © 2026. All rights reserved. e-Bike Safety Certificate platform. Unauthorized copying, redistribution or removal of this notice is prohibited. */
:root{--navy:#072b55;--blue:#0b70cf;--teal:#009a79;--ink:#152235;--muted:#64748b;--bg:#f5f8fb;--line:#dbe4ee;--white:#fff;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:var(--blue);text-decoration:none}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:36px 0 60px}.wrap.narrow,.narrow{max-width:720px;margin-left:auto;margin-right:auto}.top{background:#fff;border-bottom:1px solid var(--line);min-height:82px;padding:12px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand img{width:56px;height:56px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{font-size:18px}.brand small{color:var(--muted)}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:var(--ink);font-weight:650;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--blue);color:white!important;padding:12px 18px;font-weight:750;cursor:pointer;box-shadow:0 5px 15px rgba(11,112,207,.14)}.btn.secondary{background:white;color:var(--navy)!important;border:1px solid var(--line);box-shadow:none}.btn.small{padding:7px 11px;font-size:13px}.btn.wide{width:100%;font-size:17px;padding:16px}.hero{min-height:510px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:54px;padding:44px 0}.hero.compact{min-height:auto;grid-template-columns:1fr;padding:35px 0 25px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;color:var(--navy);margin:12px 0 24px;letter-spacing:-.045em}.hero.compact h1{font-size:clamp(36px,5vw,56px)}.hero p{font-size:19px;max-width:680px;color:#45556b}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.14em;color:var(--teal)}.hero-badge{text-align:center}.hero-badge img{max-width:440px;filter:drop-shadow(0 24px 42px rgba(7,43,85,.14))}.actions{display:flex;gap:12px;margin-top:28px}.hero-note,.muted{color:var(--muted)!important;font-size:13px!important}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0 50px}.steps>div,.card,.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 6px 22px rgba(7,43,85,.04)}.steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf4ff;color:var(--blue)}.trust{background:var(--navy);color:white;padding:40px;border-radius:18px}.trust h2{margin-top:0}.trust p{color:#c7d7e8}.module-list{display:grid;gap:12px}.module-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;color:var(--ink)}.module-card:hover{border-color:#9dc7f1;transform:translateY(-1px)}.module-no{width:42px;height:42px;border-radius:50%;background:#eaf4ff;display:grid;place-items:center;color:var(--blue);font-weight:800}.module-card small{display:block;color:var(--muted);margin-top:3px}.status{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--muted)}.status.done{color:var(--ok)}.center{text-align:center}.pad{padding:28px}.lesson{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(24px,5vw,58px);box-shadow:0 10px 30px rgba(7,43,85,.05)}.lesson h1{font-size:42px;line-height:1.08;color:var(--navy)}.lesson h2{margin-top:36px;color:var(--navy)}.lesson h3{margin-top:26px}.lesson-meta{color:var(--teal);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.callout,.sourcebox,.legalbox{border-left:4px solid var(--blue);background:#edf6ff;padding:16px 18px;margin:22px 0;border-radius:0 9px 9px 0}.callout.warning{border-color:#f59e0b;background:#fff7e7}.sourcebox{font-size:13px;color:#52647b}.complete-form{margin-top:38px}.auth{max-width:560px;margin:40px auto}.stack{display:grid;gap:15px}label{font-weight:700;font-size:14px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #cbd6e2;border-radius:8px;background:white;color:var(--ink);font:inherit;margin-top:6px}textarea{min-height:110px}.editor{min-height:520px;font-family:ui-monospace,monospace;font-size:13px}.twocol,.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat b{display:block;font-size:28px;color:var(--navy)}.stat span{color:var(--muted)}.progress{height:12px;background:#dfe8f1;border-radius:99px;margin:18px 0 28px;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--teal),var(--blue))}.successcard{border-color:#97d7bf}.certificate-no{font-size:24px;font-weight:900;color:var(--navy);letter-spacing:.04em}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;margin:18px 0}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f9fbfd}.flash{padding:14px 16px;border-radius:9px;margin:0 0 18px}.flash.success{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.flash.error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.exam-head{text-align:center;max-width:760px;margin:10px auto 30px}.exam-head h1{font-size:42px;color:var(--navy)}.exam{max-width:850px;margin:auto}.question{border:1px solid var(--line);background:white;border-radius:14px;padding:22px;margin:0 0 18px}.question legend{font-size:17px;font-weight:800;padding:0 8px}.question legend span{display:inline-grid;place-items:center;width:28px;height:28px;background:#eaf4ff;color:var(--blue);border-radius:50%;margin-right:8px}.option{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:8px;font-weight:500}.option:hover{background:#f4f8fc}.option input{width:auto;margin:3px 0 0}.certificate{max-width:980px;min-height:650px;margin:auto;background:white;border:10px double var(--navy);padding:52px;text-align:center;position:relative}.certificate .seal{width:76px;height:76px;border-radius:50%;background:var(--teal);color:white;font-size:46px;display:grid;place-items:center;margin:0 auto 18px}.certificate h1{font-size:48px;color:var(--navy);margin:10px}.certificate h2{font-size:36px;color:var(--blue);border-bottom:1px solid var(--line);display:inline-block;padding:0 40px 8px}.certgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0}.certgrid small{display:block;color:var(--muted)}.certgrid b{display:block;margin-top:5px}.disclaimer{font-size:12px;color:var(--muted);max-width:650px;margin:20px auto}.sig{margin-top:38px;font-weight:800;color:var(--navy)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-icon{width:58px;height:58px;border-radius:14px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:22px}.price{font-size:26px;font-weight:900;color:var(--navy);margin:16px 0}.badge{display:inline-block;background:#eef2f6;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;color:#475569}.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.verify{margin-top:20px;padding:18px;border-radius:10px}.verify.good{background:#ecfdf3;color:var(--ok)}.verify.bad{background:#fef3f2;color:var(--danger)}details summary{cursor:pointer;font-weight:800;margin:12px 0}.adminbar{position:static}.adminbar nav{gap:12px}.adminbar nav a{font-size:12px}footer{background:#071d36;color:white;padding:30px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:30px}footer span,footer .legal{color:#a9bbcf;font-size:12px}.legal{text-align:right;max-width:680px}@media(max-width:900px){.top{position:static;align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero-badge{order:-1}.hero-badge img{max-width:260px}.steps,.grid4,.products{grid-template-columns:1fr 1fr}.grid3,.checkout{grid-template-columns:1fr}.adminbar nav{overflow:auto;max-width:100%}}@media(max-width:620px){.steps,.grid4,.products,.grid2,.twocol,.certgrid{grid-template-columns:1fr}.module-card{grid-template-columns:40px 1fr}.module-card .status{grid-column:2}.lesson h1,.exam-head h1{font-size:32px}.certificate{padding:24px;border-width:6px}.certificate h1{font-size:34px}.certificate h2{font-size:28px}footer{flex-direction:column}.legal{text-align:left}}@media print{.top,footer,.noprint{display:none!important}.wrap{width:100%;padding:0}.certificate{border:8px double #000;min-height:auto;box-shadow:none}}
