*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b1020;color:#e5e7eb}
a{color:#93c5fd;text-decoration:none}.container{width:min(1120px,92%);margin:0 auto}.topbar{background:rgba(15,23,42,.95);position:sticky;top:0;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px}.nav nav{display:flex;gap:16px;flex-wrap:wrap}.brand{font-weight:800;font-size:1.1rem;color:#fff}
.hero{padding:36px;background:linear-gradient(135deg,var(--primary),var(--secondary))}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0}.card{background:#11182d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.18);margin:18px 0}
.product h3{margin-top:8px}.badge{display:inline-block;background:rgba(37,99,235,.18);color:#bfdbfe;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:700}
.btn{display:inline-block;background:linear-gradient(135deg,var(--secondary),#60a5fa);color:#fff;border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}.btn.secondary{background:#334155}
input,select,textarea{width:100%;padding:12px 14px;margin:8px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0f172a;color:#fff}
.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.alert{padding:14px;border-radius:12px;margin:18px 0}.success{background:#062e1d}.error{background:#3b0d0d}
.footer{padding:32px 0;color:#94a3b8}.checkout-box{position:sticky;bottom:12px}.narrow{max-width:520px;margin:32px auto}.summary p,.muted{color:#cbd5e1}
.viewer-shell{position:relative;height:calc(100vh - 110px);background:#0f172a;border-radius:18px;overflow:hidden}.doc-frame,.video-player{width:100%;height:100%;border:none;background:#000}
.viewer-top{position:absolute;left:0;right:0;top:0;z-index:4;background:rgba(0,0,0,.72);padding:8px 16px;font-size:.85rem}
.wm-grid{position:absolute;inset:0;z-index:3;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;place-items:center;opacity:.14;transform:rotate(-28deg)}
.wm-grid span,.watermark-float{font-weight:700;font-size:14px;color:#fff;text-align:center}
.watermark-float{position:absolute;top:18px;right:18px;z-index:3;background:rgba(0,0,0,.4);padding:10px 12px;border-radius:12px;pointer-events:none}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
@media print{body *{display:none!important}body:before{content:'';display:block!important;width:100vw;height:100vh;background:#fff}}