.lgp-root { max-width:520px; margin:18px auto; font-family: Arial, sans-serif; z-index:99998; }
.lgp-box { border:1px solid #e6e6e6; border-radius:10px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,0.06); }
.lgp-header { background: linear-gradient(90deg,#0a74a9,#0a3); color:#fff; padding:14px 18px; font-size:18px; }
.lgp-body { padding:14px 18px; background:#fff; }
.lgp-benefits { min-height:30px; margin-bottom:12px; }
.lgp-benefit-item { display:none; padding:6px 8px; background:#f4f4f4; border-radius:4px; margin-right:6px; display:inline-block; }
.lgp-form input { width:100%; padding:10px; margin:8px 0; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; }
.lgp-form button { background:#0a74a9; color:#fff; padding:10px 14px; border-radius:8px; border:none; cursor:pointer; }
.lgp-msg { margin-top:10px; color:#1a7; font-size:14px; }
.lgp-corner { position:fixed; width:220px; background:#fff; border:1px solid #e8e8e8; border-radius:10px; padding:10px; box-shadow:0 10px 40px rgba(0,0,0,0.12); z-index:99999; text-align:center; font-size:14px; }
.lgp-corner.pos-bottom-right { right:16px; bottom:16px; left:auto; top:auto; }
.lgp-corner.pos-bottom-left { left:16px; bottom:16px; right:auto; top:auto; }
.lgp-corner.pos-top-right { right:16px; top:16px; left:auto; bottom:auto; }
.lgp-corner.pos-top-left { left:16px; top:16px; right:auto; bottom:auto; }
.lgp-corner.pos-header { position:fixed; left:0; right:0; top:0; margin:0 auto; width:100%; border-radius:0; }
.lgp-corner.pos-footer { position:fixed; left:0; right:0; bottom:0; margin:0 auto; width:100%; border-radius:0; }
.lgp-corner .lgp-open { margin-top:8px; background:#0a74a9; color:#fff; border:none; padding:8px 10px; border-radius:6px; cursor:pointer; }
.lgp-popup { position:fixed; left:50%; top:18%; transform:translateX(-50%); background:#fff; padding:16px; border-radius:10px; box-shadow:0 14px 50px rgba(0,0,0,0.18); z-index:100000; max-width:420px; }
.lgp-popup-inner h3 { margin:0 0 8px 0; }
.lgp-header-banner { position:fixed; top:10px; left:50%; transform:translateX(-50%); background:linear-gradient(90deg,#0a74a9,#0a3); color:#fff; padding:10px 18px; border-radius:6px; box-shadow:0 8px 30px rgba(0,0,0,0.12); z-index:100001; display:none; opacity:0; transition:opacity .3s ease; }
.lgp-header-banner.visible { display:block; opacity:1; }
.lgp-voucher-modal { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; z-index:100002; opacity:0; transition:opacity .2s ease; }
.lgp-voucher-modal.visible { opacity:1; }
.lgp-voucher { background:#fff; width:720px; max-width:95%; border-radius:10px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.3); position:relative; }
.lgp-v-close { position:absolute; right:12px; top:8px; background:transparent; border:none; font-size:26px; color:#666; cursor:pointer; }
.lgp-v-head { background:linear-gradient(90deg,#0a74a9,#0a3); color:#fff; padding:18px; font-size:22px; }
.lgp-v-body { padding:20px; text-align:left; }
.lgp-v-body h2 { font-size:48px; margin:6px 0; color:#c00; }
.lgp-v-actions { padding:18px; text-align:center; }
.lgp-download-btn { background:#0a74a9; color:#fff; padding:10px 16px; border-radius:8px; text-decoration:none; display:inline-block; }
@media(max-width:600px){ .lgp-voucher{ width:92%; } .lgp-corner{ right:8px; left:8px; bottom:8px; width:auto; display:flex; justify-content:space-between; } .lgp-header{ font-size:16px; } }