:root{--commerce-deep:#0c2237;--commerce-blue:#1769aa;--commerce-accent:#39a8e0;--commerce-ink:#10243a;--commerce-muted:#53667a;--commerce-line:#cbd9e6;--commerce-bg:#f6f9fc;--commerce-success:#176b47;--commerce-danger:#a02727}
*{box-sizing:border-box}
body.commerce-page{margin:0;background:var(--commerce-bg);color:var(--commerce-ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#000;padding:12px 16px}.skip-link:focus{left:8px}
.commerce-header{background:var(--commerce-deep);color:#fff}.commerce-nav{min-height:88px;max-width:1180px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.commerce-logo img{display:block;width:190px;height:auto}.commerce-links{display:flex;align-items:center;gap:22px}.commerce-links a,.link-button{flex:0 0 auto;white-space:nowrap;color:#fff;font-weight:700;text-decoration:none}.link-button{border:0;background:none;font:inherit;cursor:pointer;padding:8px}.commerce-links a:hover,.commerce-links a:focus-visible,.link-button:hover,.link-button:focus-visible{text-decoration:underline;text-underline-offset:4px}
body[data-commerce-page="account"] .commerce-logo img{width:min(300px,100%)}
.commerce-main{max-width:1060px;min-height:calc(100vh - 180px);margin:auto;padding:56px 24px 80px}.commerce-narrow{max-width:700px}.page-label{color:var(--commerce-blue);font-size:14px;font-weight:800;text-transform:uppercase}.commerce-main h1{max-width:850px;margin:10px 0 14px;font-size:56px;line-height:1.08}.commerce-main .lead{max-width:780px;color:var(--commerce-muted);font-family:Georgia,serif;font-size:20px;line-height:1.65}.commerce-panel{margin-top:30px;padding:30px;border:1px solid var(--commerce-line);border-radius:6px;background:#fff;box-shadow:0 12px 30px rgba(12,34,55,.06)}
.commerce-form label{display:block;margin-bottom:8px;font-weight:800}.commerce-form input{width:100%;min-height:48px;border:2px solid #9eb2c5;border-radius:4px;padding:10px 12px;font:inherit}.commerce-form input:focus{border-color:var(--commerce-blue);outline:3px solid rgba(23,105,170,.25)}.commerce-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:2px solid var(--commerce-blue);border-radius:4px;padding:10px 17px;font:700 15px Arial,sans-serif;text-decoration:none;cursor:pointer}.commerce-button.primary{background:var(--commerce-blue);color:#fff}.commerce-button.secondary{background:#fff;color:var(--commerce-blue)}.commerce-button:focus-visible{outline:3px solid var(--commerce-accent);outline-offset:3px}.commerce-button:disabled{cursor:wait;opacity:.65}.commerce-form .commerce-button{margin-top:18px}.form-status{margin:20px 0 0;padding:14px 16px;border-left:4px solid var(--commerce-blue);background:#edf5fb;line-height:1.5}.form-status.error{border-color:var(--commerce-danger);background:#fff0f0;color:#721c1c}.form-status.success{border-color:var(--commerce-success);background:#edf8f3;color:#125337}
.account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.account-email{color:var(--commerce-muted)}.account-courses{display:grid;gap:20px}.account-course{padding:26px;border:1px solid var(--commerce-line);border-radius:6px;background:#fff}.account-course h2{margin:0 0 8px;font-size:25px}.access-status{display:inline-block;margin:0 0 22px;padding:6px 9px;border-radius:3px;font-weight:700}.access-status.active{background:#e8f7ef;color:var(--commerce-success)}.access-status.expired{background:#f1f3f5;color:#505c68}.learning-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.learning-summary div{padding:12px;background:#f4f7fa}.learning-summary dt{color:var(--commerce-muted);font-size:13px;font-weight:700}.learning-summary dd{margin:4px 0 0;font-weight:800;text-transform:capitalize}.course-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.empty-state{padding:30px;border:1px dashed #9eb2c5;background:#fff;text-align:center}.empty-state[hidden]{display:none}
.course-price{display:block;margin-bottom:7px;color:var(--commerce-ink);font-weight:800}.purchase-course{font:inherit}.course-player-page{height:100vh;overflow:hidden;background:#eaf0f5}.course-player-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px;background:var(--commerce-deep);color:#fff}.course-player-header img{width:145px}.course-player-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.course-frame{display:block;width:100%;height:calc(100vh - 72px);border:0;background:#fff}.course-loading{max-width:720px;margin:50px auto;padding:20px}.certificate-panel{max-width:900px;margin:35px auto;padding:54px;border:8px double var(--commerce-blue);background:#fff;text-align:center}.certificate-panel[hidden]{display:none}.certificate-kicker{color:var(--commerce-blue);font-weight:800;text-transform:uppercase}.certificate-panel h2{margin:18px 0 8px;font-family:Georgia,serif;font-size:42px}.certificate-name{display:block;margin:24px 0;font-family:Georgia,serif;font-size:34px}.certificate-meta{display:flex;justify-content:center;gap:35px;margin-top:30px}.certificate-meta div{min-width:180px}.certificate-meta span{display:block;color:var(--commerce-muted);font-size:13px;font-weight:700;text-transform:uppercase}.print-actions{text-align:center}
.commerce-footer{padding:25px 20px;background:var(--commerce-deep);color:#dce7f0;text-align:center}.commerce-footer a{color:#fff}
body[data-commerce-page="library"] footer a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
@media (max-width:700px){.commerce-nav{align-items:flex-start;flex-direction:column}.commerce-links{width:100%;flex-wrap:wrap;gap:14px}.commerce-main{padding-top:38px}.commerce-main h1{font-size:38px}.commerce-panel{padding:22px}.learning-summary{grid-template-columns:1fr}.account-toolbar{align-items:flex-start;flex-direction:column}.certificate-panel{padding:30px 18px;border-width:5px}.certificate-panel h2{font-size:32px}.certificate-name{font-size:27px}.certificate-meta{align-items:center;flex-direction:column;gap:16px}.course-player-title{font-size:14px}}
@media print{.commerce-header,.commerce-footer,.print-actions{display:none!important}.commerce-main{max-width:none;padding:0}.certificate-panel{margin:0;box-shadow:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}