*{box-sizing:border-box}body{color:#fff;background-color:#050508;background-image:radial-gradient(circle at 20% 20%,#ff4b822e 0%,#0000 45%),radial-gradient(circle at 80% 30%,#2980b92e 0%,#0000 45%),radial-gradient(circle at 50% 80%,#8e44ad2e 0%,#0000 50%);background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:40px 20px;font-family:Plus Jakarta Sans,sans-serif;display:flex}#loginScreen{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050508bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-box{text-align:center;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(145deg,#ffffff1a,#ffffff08);border:1px solid #ffffff2e;border-radius:32px;width:100%;max-width:400px;padding:38px 32px;box-shadow:0 24px 60px #0009}.badge{background:#ffffff1a;border:1px solid #ffffff38;border-radius:50px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.main-wrapper{flex-direction:column;align-items:center;width:100%;max-width:860px;display:none}.nav-bar{justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:28px;display:flex}.brand-title h1{margin:8px 0 4px;font-size:28px;font-weight:800}.quota-pill{background:#ffffff14;border:1px solid #fff3;border-radius:50px;padding:10px 20px;font-size:13px;font-weight:700}.grid-container{grid-template-columns:1fr 1fr;gap:22px;width:100%;display:grid}.glow-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);text-align:center;border:1px solid #ffffff38;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000073}.glow-card h2{z-index:2;margin:0 0 14px;font-size:20px;font-weight:700}.card-pink{background:radial-gradient(120% 120% at 50% 15%,#ff5e9780 0%,#a277ff4d 100%)}.card-blue{background:radial-gradient(110% 110%,#1e90ff80 0%,#0f34824d 100%)}.card-green{cursor:pointer;background:radial-gradient(110% 110%,#2ed57380 0%,#146e3c4d 100%);grid-column:span 2;min-height:120px}.card-purple{background:radial-gradient(120% 120% at 50% 80%,#a55eea80 0%,#4b32824d 100%);grid-column:span 2;display:none}.mesh-overlay{z-index:1;opacity:.3;pointer-events:none;background-size:22px 22px;position:absolute;inset:0}.glass-input{color:#fff;z-index:2;background:#0000004d;border:1px solid #fff3;border-radius:16px;width:100%;margin-bottom:12px;padding:15px;font-size:14px}.glass-input:focus{border-color:#fff9;outline:none}textarea.glass-input{resize:none;height:110px}.btn-glass{color:#fff;cursor:pointer;z-index:2;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50px;width:100%;margin-top:6px;padding:15px;font-size:14px;font-weight:700}.btn-glass:hover{background:#ffffff47}.btn-outline{background:0 0;border:1px solid #ffffff4d}.file-upload-wrapper{z-index:2;width:100%;position:relative}.file-upload-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-upload-btn{color:#fff;background:#00000040;border:1px dashed #ffffff73;border-radius:16px;padding:18px;font-size:13px;font-weight:600}#imagePreview{z-index:2;border-radius:12px;max-height:100px;margin-top:10px;display:none}video{z-index:2;background:#000;border-radius:16px;width:100%;max-width:600px;margin-top:15px}.drive-btn{color:#fff;z-index:2;background:#fff3;border-radius:50px;margin-top:15px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block}.topup-right{align-items:center;gap:10px;display:flex;position:relative}.topup-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff38;border-radius:50px;padding:11px 20px;font-size:13px;font-weight:700;transition:all .25s}.topup-btn:hover{background:#ffffff29}.topup-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:120;text-align:left;background:#ffffff0f;border:1px solid #ffffff26;border-radius:28px;width:320px;padding:22px;position:absolute;top:calc(100% + 12px);right:0}.topup-panel h3{margin-bottom:14px;font-size:16px;font-weight:800}.pkg-row{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:16px;margin-bottom:8px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .25s}.pkg-row:hover{background:#ffffff1f}.pkg-row.selected{background:#50dc781f;border-color:#7dffb099}.topup-actions{gap:10px;margin-top:14px;display:flex}.topup-actions .btn-glass,.topup-actions .btn-outline{flex:1;padding:11px 16px;font-size:13px}.pay-msg{min-height:16px;margin-top:12px;font-size:12px}@media (max-width:768px){.topup-panel{width:calc(100vw - 32px);max-width:340px;position:fixed;top:90px;right:16px}}