@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7fb;--card:#fffc;--border:#e2e8f0;--border-glow:#2563eb1a;--text:#1e293b;--text-secondary:#64748b;--accent:#2563eb;--accent-glow:#2563eb26;--green:#10b981;--radius:16px;--radius-lg:28px;--glass:blur(12px)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.navbar{z-index:1000;-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--border);background:#fff9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:680px;margin:0 auto;padding:.8rem 1.5rem;display:flex}.logo{align-items:center;gap:.6rem;display:flex}.logo-img{object-fit:cover;border-radius:9px;width:34px;height:34px}.logo-name{color:var(--text);letter-spacing:-.4px;font-size:1.05rem;font-weight:600}.logo-name b{color:var(--accent);font-weight:800}.nav-support{color:var(--text);background:var(--border-light);border-radius:100px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:background .2s;display:flex}.nav-support:hover{background:var(--border);text-decoration:none}.main-container{max-width:680px;margin:0 auto;padding:2rem 1.25rem 4rem}.video-section{margin-bottom:1.5rem}.video-wrap{border-radius:var(--radius-lg);background:#000;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.video-wrap iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.75rem 2rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 20px 40px #0000001a}.hero-card:hover{border-color:#2563eb4d;transform:translateY(-5px)scale(1.01);box-shadow:0 25px 50px #2563eb26}.hero-card-left{align-items:center;gap:1.15rem;display:flex}.hero-logo{object-fit:cover;border:2.5px solid #ffffff26;border-radius:14px;width:56px;height:56px}.hero-name{color:#fff;letter-spacing:-.6px;font-size:1.35rem;font-weight:800}.hero-sub{color:#ffffffb3;margin-top:.25rem;font-size:.8rem;font-weight:500}.hero-btn{color:#0f172a;white-space:nowrap;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-radius:100px;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:800;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #00000026}.hero-card:hover .hero-btn{transform:scale(1.05);box-shadow:0 10px 25px #fff3}.pay-section{background:var(--card);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 30px 60px #0000000f}.pay-section:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.pay-section-head{text-align:center;padding:2.5rem 2.5rem 1.75rem}.pay-section-head h2{letter-spacing:-.6px;color:var(--text);margin-bottom:.75rem;font-size:1.6rem;font-weight:800}.pay-section-head p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.step-row{align-items:flex-start;gap:1.25rem;padding:1.5rem 2.5rem 0;display:flex}.step-badge{color:#fff;background:#000;border-radius:12px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.step-info h4{color:var(--text);margin-bottom:.3rem;font-size:1.1rem;font-weight:750}.step-info p{color:var(--text-secondary);font-size:.88rem}.pay-options{flex-direction:column;align-items:center;padding:2rem 2.5rem;display:flex}.amount-selector{width:100%;margin-bottom:2rem}.amount-pills{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.pill{border:1px solid var(--border);min-width:70px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:14px;flex:1;padding:.8rem;font-size:.9rem;font-weight:750;transition:all .2s}.pill:hover{border-color:var(--accent);color:var(--accent)}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 20px var(--accent-glow)}.custom-amount-input{border:1px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:1rem;padding:.9rem 1.4rem;transition:all .2s;display:flex}.custom-amount-input.has-val{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.custom-amount-input span{color:var(--accent);font-size:1.05rem;font-weight:800}.custom-amount-input input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:1rem;font-weight:700}.upi-pay-btn{background:linear-gradient(135deg, var(--accent) 0%, #1e40af 100%);color:#fff;width:100%;box-shadow:0 10px 25px var(--accent-glow);border-radius:18px;justify-content:center;align-items:center;gap:.85rem;padding:1.15rem;font-size:1.1rem;font-weight:800;transition:all .3s;display:flex;position:relative;overflow:hidden}.upi-pay-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.upi-pay-btn:hover:after{left:100%}.upi-pay-btn:hover{opacity:1;transform:translateY(-4px);box-shadow:0 15px 35px #2563eb4d}.pay-or{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;opacity:.5;padding:1.5rem 0;font-size:.72rem;font-weight:750}.qr-box{background:#fff;border:2px solid #2563eb26;border-radius:28px;padding:1.25rem;transition:all .3s;box-shadow:0 20px 50px #2563eb14}.qr-box:hover{border-color:var(--accent);box-shadow:0 25px 60px var(--accent-glow);transform:scale(1.02)}.qr-img{border-radius:18px;width:230px;height:auto;display:block}.qr-caption{color:var(--text-secondary);margin-top:1.15rem;font-size:.85rem;font-weight:600}.after-line{text-align:center;padding:1.5rem 2rem;position:relative}.after-line:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:2rem;right:2rem}.after-line span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;background:#fff;padding:0 1rem;font-size:.75rem;font-weight:700;position:relative}.proof-form{padding:0 2rem 2rem}.field{text-align:left;margin-bottom:1.5rem}.field label{color:var(--text);align-items:center;gap:.4rem;margin-bottom:.6rem;padding-left:.2rem;font-size:.85rem;font-weight:750;display:flex}.field input{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:.95rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #00000005}.field input::placeholder{color:var(--text-secondary);opacity:.6;font-weight:500}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow), 0 2px 6px #0000000a}.readonly-field{cursor:not-allowed;opacity:.8;border-style:dashed!important;border-color:var(--accent)!important;color:var(--accent)!important;background:#f8fafc!important;font-weight:800!important}.upload-zone{border:2px dashed var(--border);background:var(--bg);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;transition:all .2s;display:flex;position:relative}.upload-zone:hover{border-color:var(--accent);background:#fff}.upload-zone.has-file{border-color:var(--green);background:var(--green-bg)}.upload-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-cta{font-size:.9rem;font-weight:700}.upload-name{color:var(--green);font-size:.9rem;font-weight:750}.submit-btn{background:var(--text);color:#fff;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1.1rem;font-size:1.05rem;font-weight:750;transition:transform .15s,opacity .15s;display:flex}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.done-box{text-align:center;padding:3rem 2rem}.done-box h3{margin-top:1rem;font-size:1.5rem;font-weight:800}.done-box p{color:var(--text-secondary);margin:1rem 0 2rem;font-size:.95rem;line-height:1.6}.again-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:700}.secure-row{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1.25rem;display:flex}.secure-row span{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.secure-row svg{color:var(--green)}.help-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);align-items:flex-start;gap:1.5rem;margin-top:3rem;padding:2.25rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000008}.help-card:hover{border-color:#2563eb26;transform:translateY(-2px);box-shadow:0 15px 50px #0000000f}.help-card-icon{background:linear-gradient(135deg, var(--accent) 0%, #1e40af 100%);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 10px 25px #2563eb40}.help-card-icon svg{color:#fff}.help-card-content strong{letter-spacing:-.5px;color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:850;display:block}.help-card-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;font-weight:500;line-height:1.6}.help-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-telegram{color:var(--accent);background:#2563eb14;border:1px solid #2563eb1a;border-radius:14px;align-items:center;padding:.75rem 1.4rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-telegram:hover{background:var(--accent);color:#fff;box-shadow:0 8px 20px #2563eb33}.btn-telegram-outline{color:var(--text-secondary);border:1px solid var(--border);background:0 0;border-radius:14px;align-items:center;padding:.75rem 1.4rem;font-size:.9rem;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}.btn-telegram-outline:hover{border-color:var(--text);color:var(--text)}.site-footer{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:.8rem;font-weight:500}.hidden-admin-trigger{cursor:pointer;padding:.5rem}.admin-overlay{z-index:2000;background:var(--bg);justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0}.admin-modal{background:var(--bg);width:100%;max-width:100%;height:100vh;max-height:100vh;box-shadow:none;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.admin-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;box-shadow:0 4px 10px #00000005}.admin-header h3{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;transform:scale(1.3)}.admin-login-form{border:1px solid var(--border);background:#fff;border-radius:24px;width:100%;max-width:500px;margin:10vh auto;padding:3rem;box-shadow:0 20px 40px #0000000d}.admin-login-form .field label{margin-bottom:.6rem;font-size:1rem}.admin-login-form .field input{padding:1rem 1.2rem;font-size:1.05rem}.admin-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1.1rem;font-size:1.1rem;font-weight:800}.admin-hint{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem;font-weight:600}.admin-dashboard{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:3rem 2rem;overflow-y:auto}.dashboard-tabs{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-tabs h4{font-size:1.6rem;font-weight:800}.logout-btn{background:var(--border);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.9rem;font-weight:700;display:flex}.admin-card{border:1px solid var(--border);background:#fff;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #00000005}.admin-card h5{text-transform:uppercase;letter-spacing:.5px;opacity:.7;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:800;display:flex}.video-update-row{gap:.75rem;display:flex}.video-update-row input{border:1px solid var(--border);border-radius:12px;flex:1;padding:1rem 1.2rem;font-size:1rem}.video-update-row button{background:var(--text);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:0 1.5rem;font-size:1rem;font-weight:800}.subs-list{flex-direction:column;gap:1rem;display:flex}.sub-item{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.sub-email{margin-bottom:.3rem;font-size:1.1rem;font-weight:800}.sub-meta{color:var(--text-secondary);font-size:.85rem;font-weight:600}.sub-actions{align-items:center;gap:.75rem;display:flex}.view-link{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;font-weight:700}.del-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:.6rem;transform:scale(1.1)}.empty-subs{text-align:center;color:var(--text-secondary);padding:3rem 0;font-size:1rem;font-weight:600}@media (width<=640px){.navbar-inner{padding:.8rem 1rem}.main-container{padding:1.5rem 1rem 3rem}.video-wrap{border-radius:16px}.hero-card{border-radius:16px;padding:1.25rem}.hero-logo{width:44px;height:44px}.hero-name{font-size:1.05rem}.hero-btn{padding:.5rem 1rem;font-size:.75rem}.pay-section-head{padding:1.5rem}.step-row{padding:1.25rem 1.5rem 0}.pay-options{padding:1.25rem 1.5rem}.proof-form{padding:0 1.5rem 1.5rem}.after-line{padding:1.5rem}.qr-img{width:160px;height:160px}.admin-modal{border-radius:0;margin-top:0}.admin-header{padding:1rem 1.5rem}.admin-dashboard,.admin-card{padding:1.5rem 1rem}.sub-item{flex-direction:column;align-items:flex-start;gap:1rem}}.image-preview-overlay{z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.image-preview-content{max-width:90vw;max-height:90vh;position:relative}.image-preview-content img{border-radius:12px;max-width:100%;max-height:90vh;display:block;box-shadow:0 0 50px #00000080}.preview-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;position:absolute;top:-40px;right:-10px}