body { margin:0; font-family: Arial, sans-serif; background:#f5f7fb; color:#222; }
.nav { display:flex; justify-content:space-between; align-items:center; padding:15px 8%; background:#111827; color:white; }
.nav a, .nav span { color:white; text-decoration:none; margin-left:18px; }
.brand { font-size:20px; font-weight:bold; margin-left:0!important; }
.container { max-width:1100px; margin:30px auto; padding:0 18px; }
.hero, .form-card, .card, .video-box { background:white; padding:25px; border-radius:8px; box-shadow:0 8px 30px rgba(0,0,0,.08); }
.hero { text-align:center; padding:55px 25px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.card h3 { margin-top:0; }
.price { font-size:28px; font-weight:bold; color:#2563eb; }
.btn, button { display:inline-block; background:#2563eb; color:white; padding:11px 18px; border-radius:8px; border:0; text-decoration:none; cursor:pointer; font:inherit; }
.btn.secondary { background:#374151; }
.form-card { max-width:430px; }
.form-card label { display:block; margin-top:12px; font-weight:bold; }
.form-card input { width:100%; padding:11px; margin-top:5px; border:1px solid #ccc; border-radius:8px; box-sizing:border-box; }
.form-card button { margin-top:18px; width:100%; }
.error { background:#fee2e2; color:#991b1b; padding:12px; border-radius:8px; margin-bottom:15px; }
.success { background:#dcfce7; color:#166534; padding:12px; border-radius:8px; margin-bottom:15px; }
.note { color:#666; font-size:14px; }
.status-panel { display:flex; flex-wrap:wrap; gap:12px; align-items:center; background:#eef2ff; color:#1e1b4b; padding:12px; border-radius:8px; margin-bottom:18px; }
.status-panel.compact { margin-bottom:12px; }
.action-row { margin-top:12px; }
.protected-player { position:relative; padding:0; overflow:hidden; background:#111; }
.protected-player video { display:block; background:#111; }
.watermark { position:absolute; right:16px; bottom:18px; color:rgba(255,255,255,.72); background:rgba(0,0,0,.38); padding:6px 10px; border-radius:6px; font-size:14px; pointer-events:none; }
@media(max-width:700px){ .nav{display:block}.nav div{margin-top:12px}.nav a{display:inline-block;margin:6px 8px 0 0}.protected-player video{height:auto}.watermark{font-size:12px;right:10px;bottom:12px} }