:root{--bg: #050505;--text: #fff;--accent: #00cc66;--accent-2: #8b5cf6;--muted: #888;--card-bg: #0a0a0a;--border: rgba(255,255,255,0.08);--r: 24px;--max: 1200px;--success: #00cc66;--warning: #f59e0b}*{cursor: none !important;box-sizing: border-box;margin: 0;padding: 0}.upsell-icon{display: inline-flex;align-items: center;justify-content: center;color: var(--accent)}.security-icon{display: inline-flex;align-items: center;justify-content: center;color: var(--accent)}.theme-toggle{position: fixed;top: 20px;right: 40px;width: 44px;height: 44px;border-radius: 50%;background: var(--card-bg);border: 1px solid var(--border);display: grid;place-items: center;font-size: 20px;cursor: pointer;transition: transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,border-color 0.3s;z-index: 10005}.theme-toggle:hover{border-color: var(--accent);transform: scale(1.1)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position: absolute;transition: opacity 0.3s,transform 0.3s;color: #ffffff}.theme-toggle .icon-sun{opacity: 0;transform: rotate(-90deg) scale(0.8)}.theme-toggle .icon-moon{opacity: 1;transform: rotate(0deg) scale(1)}[data-theme="light"] .theme-toggle{background: #fff;border-color: rgba(0,0,0,0.1)}[data-theme="light"] .theme-toggle .icon-sun{opacity: 1;transform: rotate(0deg) scale(1)}[data-theme="light"] .theme-toggle .icon-moon{opacity: 0;transform: rotate(90deg) scale(0.8)}[data-theme="light"] .theme-toggle .icon-sun,[data-theme="light"] .theme-toggle .icon-moon{color: #1a1a1a}::selection{background: var(--accent);color: #fff}html{scroll-behavior: smooth}body{background: var(--bg);color: var(--text);font-family: 'Inter',ui-sans-serif,system-ui,sans-serif;overflow-x: hidden;-webkit-font-smoothing: antialiased;line-height: 1.6;min-height: 100vh}::-webkit-scrollbar{width: 8px}::-webkit-scrollbar-track{background: var(--bg)}::-webkit-scrollbar-thumb{background: var(--accent);border-radius: 4px}#cursor{position: fixed;width: 20px;height: 20px;background: var(--accent);border-radius: 50%;pointer-events: none;z-index: 10010;mix-blend-mode: difference;transition: transform 0.15s ease-out,width 0.2s,height 0.2s;transform: translate(-50%,-50%)}#cursor.hover{width: 60px;height: 60px;background: #fff}#cursor-follower{position: fixed;width: 40px;height: 40px;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;pointer-events: none;z-index: 10009;transform: translate(-50%,-50%);transition: opacity 0.3s,transform 0.4s cubic-bezier(0.23,1,0.32,1)}#cursor.no-blend{mix-blend-mode: normal}#cursor.logo-hover{width: 60px;height: 60px;background: #ff3b3b}[data-theme="light"] #cursor{mix-blend-mode: difference;background: #ff3399}[data-theme="light"] #cursor.hover{background: #ffffff}[data-theme="light"] #cursor.logo-hover{background: #ff3b3b;mix-blend-mode: normal}.nav-logo-fixed{position: fixed;top: 20px;left: 40px;z-index: 10005;font-size: 24px;font-weight: 900;letter-spacing: -1px;display: flex;align-items: center;gap: 8px;text-decoration: none;color: inherit;transition: opacity 0.3s}.nav-logo-fixed:hover{opacity: 0.85}.nav-logo-fixed .dot{width: 8px;height: 8px;background: var(--accent);border-radius: 50%;animation: pulse 2s infinite}@keyframes pulse{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.5;transform: scale(1.2)}}[data-theme="light"] .nav-logo-fixed{color: #1a1a1a}.site-credit{position: fixed;bottom: 12px;right: 15px;font-size: 10px;color: var(--muted);opacity: 0.4;letter-spacing: 0.5px;z-index: 10;transition: opacity 0.3s}.site-credit:hover{opacity: 0.7}.site-credit a{color: inherit;text-decoration: none}.site-credit a:hover{color: var(--accent)}.progress-bar{position: fixed;top: 0;left: 0;height: 3px;width: 100%;background: linear-gradient(90deg,var(--accent),var(--accent-2));z-index: 10004;box-shadow: 0 0 10px rgba(0,204,102,0.5)}.checkout-container{max-width: var(--max);margin: 0 auto;padding: 120px 40px 80px;display: grid;grid-template-columns: 1fr 1fr;gap: 60px;min-height: 100vh}@media (max-width: 1000px){.checkout-container{grid-template-columns: 1fr;padding: 120px 20px 80px;gap: 40px}}.order-summary{position: sticky;top: 120px;height: fit-content}@media (max-width: 1000px){.order-summary{position: relative;top: 0}}.section-label{font-size: 12px;font-weight: 700;color: var(--accent);text-transform: uppercase;letter-spacing: 3px;margin-bottom: 15px}.section-title{font-size: 32px;font-weight: 800;letter-spacing: -1px;margin-bottom: 30px}.selected-plan{background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--r);padding: 30px;margin-bottom: 25px}.plan-header{display: flex;align-items: center;gap: 15px;margin-bottom: 20px}.plan-icon{width: 50px;height: 50px;background: linear-gradient(135deg,var(--accent),var(--accent-2));border-radius: 14px;display: grid;place-items: center;font-size: 16px;font-weight: 700;letter-spacing: 0.5px}.plan-info h3{font-size: 20px;font-weight: 700;margin-bottom: 4px}.plan-info .billing-cycle{font-size: 14px;color: var(--muted)}.plan-features{list-style: none;margin-bottom: 20px;padding-top: 20px;border-top: 1px solid var(--border)}.plan-features li{display: flex;align-items: center;gap: 10px;font-size: 14px;margin-bottom: 10px;color: var(--muted)}.plan-features li .check{color: var(--accent);font-size: 12px}.price-breakdown{padding-top: 20px;border-top: 1px solid var(--border)}.price-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;font-size: 14px}.price-row.total{font-size: 18px;font-weight: 700;padding-top: 15px;border-top: 1px solid var(--border);margin-top: 15px}.price-row .label{color: var(--muted)}.price-row.total .label{color: var(--text)}.original-price{text-decoration: line-through;color: var(--muted);font-size: 14px;margin-right: 8px}.savings-badge{background: rgba(0,204,102,0.15);color: var(--accent);font-size: 11px;font-weight: 700;padding: 4px 10px;border-radius: 6px;margin-left: 10px}.upsell-card{background: linear-gradient(135deg,rgba(0,204,102,0.08),rgba(139,92,246,0.08));border: 1px solid rgba(0,204,102,0.3);border-radius: var(--r);padding: 25px;margin-bottom: 25px;display: none}.upsell-card.visible{display: block}.upsell-header{display: flex;align-items: center;gap: 10px;margin-bottom: 15px}.upsell-title{font-size: 16px;font-weight: 700;color: var(--accent)}.upsell-description{font-size: 14px;color: var(--muted);margin-bottom: 15px;line-height: 1.6}.upsell-savings{font-size: 14px;font-weight: 600;color: var(--text);margin-bottom: 15px}.upsell-savings span{color: var(--accent)}.upsell-btn{width: 100%;padding: 12px 20px;background: transparent;color: var(--accent);border: 1px solid var(--accent);border-radius: 10px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s}.upsell-btn:hover{background: var(--accent);color: #fff}.security-info{display: flex;align-items: center;gap: 15px;padding: 20px;background: var(--card-bg);border: 1px solid var(--border);border-radius: 12px}.security-text h4{font-size: 14px;font-weight: 600;margin-bottom: 4px}.security-text p{font-size: 12px;color: var(--muted)}.payment-section h2{font-size: 24px;font-weight: 700;margin-bottom: 25px}.form-card{background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--r);padding: 30px;margin-bottom: 25px}.form-card h3{font-size: 16px;font-weight: 600;margin-bottom: 20px;display: flex;align-items: center;gap: 10px}.form-card h3 .step{width: 24px;height: 24px;background: var(--accent);color: #fff;border-radius: 50%;display: grid;place-items: center;font-size: 12px;font-weight: 700}.form-row{margin-bottom: 20px}.form-row:last-child{margin-bottom: 0}.form-row.half{display: grid;grid-template-columns: 1fr 1fr;gap: 15px}@media (max-width: 600px){.form-row.half{grid-template-columns: 1fr}}.form-label{display: block;font-size: 13px;font-weight: 500;margin-bottom: 8px;color: var(--muted)}.form-input{width: 100%;padding: 14px 16px;background: var(--bg);border: 1px solid var(--border);border-radius: 10px;font-size: 15px;color: var(--text);font-family: inherit;transition: border-color 0.3s,box-shadow 0.3s}.form-input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(0,204,102,0.1)}.form-input::placeholder{color: var(--muted);opacity: 0.6}.form-helper{font-size: 13px;color: var(--muted);margin-bottom: 16px}.payment-logos{display: flex;flex-wrap: wrap;gap: 8px}.payment-logo{font-size: 11px;text-transform: uppercase;letter-spacing: 0.08em;padding: 6px 10px;border-radius: 999px;border: 1px solid var(--border);color: var(--muted);background: rgba(255,255,255,0.02)}[data-theme="light"] .payment-logo{background: #f8f7f5;color: #5a5a5a}.submit-btn{width: 100%;padding: 18px 24px;background: var(--accent);color: #fff;border: none;border-radius: 12px;font-size: 16px;font-weight: 700;cursor: pointer;transition: all 0.3s;display: flex;align-items: center;justify-content: center;gap: 10px}.submit-btn:hover:not(:disabled){background: #00b359;transform: translateY(-2px);box-shadow: 0 10px 30px rgba(0,204,102,0.3)}.submit-btn:disabled{opacity: 0.6;cursor: not-allowed}.submit-btn .spinner{width: 20px;height: 20px;border: 2px solid rgba(255,255,255,0.3);border-top-color: #fff;border-radius: 50%;animation: spin 0.8s linear infinite;display: none}.submit-btn.loading .spinner{display: block}.submit-btn.loading .btn-text{display: none}@keyframes spin{to{transform: rotate(360deg)}}.terms-text{font-size: 12px;color: var(--muted);text-align: center;margin-top: 20px;line-height: 1.6}.terms-text a{color: var(--accent);text-decoration: none}.back-link{display: inline-flex;align-items: center;gap: 8px;color: var(--muted);text-decoration: none;font-size: 14px;margin-bottom: 30px;transition: color 0.3s}.back-link:hover{color: var(--text)}[data-theme="light"] body{background: linear-gradient(180deg,#f8f7f5 0%,#f0efed 100%);color: #1a1a1a}[data-theme="light"] .section-title,[data-theme="light"] .plan-info h3,[data-theme="light"] .price-row.total .label,[data-theme="light"] .payment-section h2,[data-theme="light"] .form-card h3{color: #1a1a1a}[data-theme="light"] .selected-plan,[data-theme="light"] .form-card,[data-theme="light"] .security-info{background: #fff;border-color: rgba(0,0,0,0.08);box-shadow: 0 4px 24px rgba(0,0,0,0.06)}[data-theme="light"] .form-input{background: #f8f7f5;border-color: rgba(0,0,0,0.1);color: #1a1a1a}[data-theme="light"] .form-input:focus{border-color: var(--accent);box-shadow: 0 0 0 3px rgba(0,204,102,0.15)}[data-theme="light"] #cursor-follower{border-color: rgba(0,0,0,0.15)}[data-theme="light"] ::-webkit-scrollbar-track{background: #f0efed}.error-message{background: rgba(239,68,68,0.1);border: 1px solid rgba(239,68,68,0.3);color: #ef4444;padding: 15px;border-radius: 10px;font-size: 14px;margin-bottom: 20px;display: none}.error-message.visible{display: block}.success-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(5,5,5,0.95);z-index: 10006;display: none;place-items: center}.success-overlay.visible{display: grid}.success-content{text-align: center;padding: 40px}.success-icon{width: 80px;height: 80px;background: var(--accent);border-radius: 50%;display: grid;place-items: center;font-size: 40px;margin: 0 auto 25px}.success-content h2{font-size: 28px;font-weight: 700;margin-bottom: 15px}.success-content p{color: var(--muted);font-size: 16px;margin-bottom: 30px}.success-btn{padding: 14px 30px;background: var(--accent);color: #fff;border: none;border-radius: 10px;font-size: 15px;font-weight: 600;cursor: pointer;text-decoration: none;display: inline-block}