.loading-page{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-page .spinner{border:3px solid #ffffff1a;border-top-color:#0f8;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.credits-page{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);min-height:100vh;padding-bottom:80px}.page-header{background:#ffffff05;border-bottom:1px solid #ffffff1a;align-items:center;gap:24px;padding:24px 40px;display:flex}.back-btn{color:#fff9;text-decoration:none}.back-btn:hover{color:#0f8}.page-header h1{flex:1;margin:0;font-size:1.5rem}.current-credits{background:#00ff881a;border:1px solid #00ff884d;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;display:flex}.hero-section{text-align:center;max-width:800px;margin:0 auto;padding:60px 40px 40px}.hero-section h2{background:linear-gradient(135deg,#fff 0%,#00d4ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:2.2rem}.hero-section .subtitle{color:#fffc;margin:0 0 20px;font-size:1.3rem}.hero-section .highlight{color:#0f8;font-weight:700}.hero-section .description{color:#fff9;line-height:1.7}.success-banner{background:linear-gradient(135deg,#00ff8826 0%,#00d4ff26 100%);border:1px solid #00ff884d;border-radius:16px;align-items:center;gap:16px;max-width:1200px;margin:20px auto;padding:20px 30px;display:flex}.success-icon{font-size:2rem}.success-banner h3{margin:0;font-size:1.1rem}.success-banner p{color:#ffffffb3;margin:4px 0 0}.success-banner .close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.5rem}.packages-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:40px auto;padding:0 40px;display:grid}.package-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;padding:32px;transition:all .3s;display:flex;position:relative}.package-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.package-card.featured{background:linear-gradient(135deg,#00ff8814 0%,#00d4ff14 100%);border-color:#00ff884d;transform:scale(1.03)}.package-card.selected{border-color:#0f8;box-shadow:0 0 30px #0f83}.popular-badge{color:#000;background:linear-gradient(135deg,#0f8 0%,#00cc6a 100%);border-radius:20px;padding:6px 20px;font-size:.85rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.package-header{text-align:center;margin-bottom:24px}.package-header .badge{background:#ffffff1a;border-radius:20px;margin-bottom:12px;padding:6px 14px;font-size:.85rem;display:inline-block}.package-header h2{margin:0 0 8px;font-size:1.5rem}.package-header .target{color:#ffffff80;margin:0 0 16px;font-size:.9rem}.package-price{justify-content:center;align-items:baseline;gap:2px;display:flex}.currency{color:#fff9;font-size:1.5rem}.amount{font-size:3rem;font-weight:800}.usd{color:#ffffff80;margin-left:4px;font-size:1rem}.package-credits{text-align:center;margin-bottom:16px}.credits-value{color:#0f8;font-size:2rem;font-weight:700}.credits-label{color:#fff9;margin-left:8px}.savings-badge{text-align:center;color:#0f8;background:#00ff8826;border-radius:8px;margin-bottom:16px;padding:8px;font-size:.9rem;font-weight:600}.key-features{background:#ffffff08;border-radius:12px;margin-bottom:20px;padding:16px}.feature-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:8px 0;display:flex}.feature-row:last-child{border-bottom:none}.feature-row.highlight-row{background:#00ff881a;border-radius:8px;margin:-8px -8px 8px;padding:12px}.feature-label{color:#ffffffb3}.feature-value{color:#00d4ff;font-weight:600}.package-features{flex:1;margin:0 0 24px;padding:0;list-style:none}.package-features li{padding:8px 0;font-size:.9rem}.package-features li.included{color:#fffc}.package-features li.not-included{color:#ffffff4d}.select-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;padding:16px;font-size:1rem;font-weight:600;transition:all .2s}.select-btn:hover{background:#ffffff26}.package-card.featured .select-btn{color:#000;background:linear-gradient(135deg,#0f8 0%,#00cc6a 100%);border:none}.paypal-wrapper{flex-direction:column;gap:12px;display:flex}.paypal-loading{text-align:center;color:#fff9;padding:20px}.cancel-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;width:100%;padding:12px;font-size:.9rem;transition:all .2s}.cancel-btn:hover{color:#fff;background:#ffffff0d}.notice-section{max-width:1200px;margin:0 auto 40px;padding:0 40px}.notice-card{background:#00d4ff14;border:1px solid #00d4ff33;border-radius:16px;padding:24px 32px}.notice-card h3{margin:0 0 12px;font-size:1.1rem}.notice-card p{color:#fffc;margin:0 0 8px;line-height:1.6}.notice-card p:last-child{margin:0}.guarantee-section{max-width:1200px;margin:0 auto 40px;padding:0 40px}.guarantee-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;padding:32px}.guarantee-card h3{margin:0 0 16px;font-size:1.3rem}.guarantee-card p{color:#ffffffb3;margin:0 0 16px;line-height:1.8}.guarantee-card p:last-child{margin:0}.comparison-section{max-width:1200px;margin:0 auto 40px;padding:0 40px}.comparison-section h2{text-align:center;margin-bottom:24px;font-size:1.5rem}.table-wrapper{overflow-x:auto}.comparison-table{border-collapse:collapse;background:#ffffff05;border-radius:16px;width:100%;overflow:hidden}.comparison-table th,.comparison-table td{text-align:center;border-bottom:1px solid #ffffff0d;padding:16px 20px}.comparison-table th{background:#ffffff0d;font-weight:600}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .featured-col{background:#00ff8814}.comparison-table .highlight-row td{background:#ffffff08}.faq-section{max-width:1200px;margin:0 auto;padding:0 40px}.faq-section h2{text-align:center;margin-bottom:24px;font-size:1.5rem}.faq-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.faq-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:20px}.faq-item h3{text-align:left;margin:0 0 8px;font-size:1rem}.faq-item p{color:#fff9;margin:0;line-height:1.6}@media (max-width:1024px){.packages-grid{grid-template-columns:1fr;max-width:500px}.package-card.featured{transform:scale(1)}.comparison-table{font-size:.9rem}.faq-grid{grid-template-columns:1fr}}@media (max-width:640px){.page-header{flex-wrap:wrap;padding:16px 20px}.page-header h1{order:2;width:100%;margin-top:12px}.hero-section{padding:40px 20px 20px}.hero-section h2{font-size:1.6rem}.packages-grid,.notice-section,.guarantee-section,.comparison-section,.faq-section{padding:0 20px}}@keyframes spin{to{transform:rotate(360deg)}}