@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--color-bg:#000;--color-bg-2:#0a0a0a;--color-bg-3:#121212;--color-surface:#0a0a0a;--color-surface-2:#171717;--color-border:#ffffff1f;--color-border-hover:#ffffff3d;--accent:#fff;--accent-2:#e5e5e5;--accent-3:#ccc;--accent-glow:#ffffff26;--accent-glow-soft:#ffffff0d;--gradient-hero:linear-gradient(135deg, #000 0%, #050505 50%, #0a0a0a 100%);--gradient-accent:#fff;--gradient-card:linear-gradient(145deg, #ffffff0a 0%, #ffffff03 100%);--gradient-glow:radial-gradient(ellipse 80% 50% at 50% -20%, #ffffff26, transparent);--font-sans:"Inter", -apple-system, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--text-accent:#000;--color-success:#10b981;--color-success-bg:#10b9811f;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-error:#ef4444;--color-error-bg:#ef44441f;--color-info:#6366f1;--color-info-bg:#6366f11f;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-glow:0 0 40px #d946ef40;--shadow-card:0 4px 24px #0006, inset 0 1px 0 #ffffff0f;--transition:.2s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#2563eb}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-2)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.glass:hover{border-color:var(--color-border-hover)}.btn{border-radius:var(--radius);transition:all var(--transition);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:#000;box-shadow:0 4px 15px #ffffff1a}.btn-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--color-border-hover)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:16px}.btn-xl{border-radius:var(--radius-lg);padding:20px 40px;font-size:18px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);letter-spacing:.02em;font-size:13px;font-weight:600}.input,.textarea,.select{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--text-primary);transition:all var(--transition);outline:none;width:100%;padding:12px 16px;font-size:14px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft);background:var(--color-bg-3)}.input.error{border-color:var(--color-error)}.input.error:focus{box-shadow:0 0 0 3px #ef444426}.textarea{resize:vertical;min-height:100px;line-height:1.6}.select{appearance:none;cursor:pointer}.input-error-msg{color:var(--color-error);margin-top:2px;font-size:12px}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-accent{background:var(--accent-glow-soft);color:var(--accent)}.toggle-wrapper{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.toggle-wrapper:hover{border-color:var(--color-border-hover)}.toggle-info{flex-direction:column;gap:2px;display:flex}.toggle-label{color:var(--text-primary);font-size:14px;font-weight:500}.toggle-desc{color:var(--text-muted);font-size:12px}.toggle-switch{background:var(--color-surface-2);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--transition);flex-shrink:0;position:relative}.toggle-switch:after{content:"";width:20px;height:20px;transition:transform var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.on{background:var(--gradient-accent)}.toggle-switch.on:after{background:#000;transform:translate(20px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);box-shadow:var(--shadow-card);padding:24px}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lg);padding:32px;animation:.25s slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:var(--color-bg-2)}th{text-align:left;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}td{color:var(--text-secondary);border-bottom:1px solid var(--color-border);padding:14px 16px;font-size:14px}tbody tr{transition:background var(--transition);cursor:pointer}tbody tr:hover{background:#ffffff08}tbody tr:last-child td{border-bottom:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffffff0d}50%{box-shadow:0 0 40px #ffffff1a}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-sm{max-width:640px;margin:0 auto;padding:0 20px}.container-md{max-width:900px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.text-center{text-align:center}.text-right{text-align:right}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.divider{background:var(--color-border);height:1px;margin:24px 0}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradient-shift}.steps{align-items:center;gap:8px;margin-bottom:32px;display:flex}.step{background:var(--color-surface-2);width:32px;height:32px;color:var(--text-muted);border:2px solid var(--color-border);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step.active{background:var(--gradient-accent);color:#fff;box-shadow:0 0 16px var(--accent-glow);border-color:#0000}.step.done{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.step-connector{background:var(--color-border);flex:1;height:2px}.step-connector.done{background:var(--color-success)}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98133}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #ef444433}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b33}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #6366f133}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none}.container{padding:0 16px}}@media (max-width:480px){.btn-xl{padding:16px 24px;font-size:16px}}.checkout-view ::selection{background:var(--accent-blue)!important;color:#fff!important}.theme-clean_light{--bg-main:#edf2f7;--card-bg:#fff;--text-title:#0f172a;--text-sub:#475569;--accent-blue:#0284c7;--plan-bg:#e0f2fe;--plan-border:#0284c7;--badges-bg:#e6f4ea;--badges-text:#166534;--cta-bg:#111827;--cta-hover:#1f2937;--cta-text:#fff;--input-bg:#00000005;--input-border:#0000001f;--color-primary:#0284c7}.theme-dark_vip{--bg-main:#0a0a0c;--card-bg:#16161a;--text-title:#fff;--text-sub:#a1a1aa;--accent-blue:#e6b800;--plan-bg:#e6b8001a;--plan-border:#e6b800;--badges-bg:#10b9811a;--badges-text:#10b981;--cta-bg:#e6b800;--cta-hover:#f5cc00;--cta-text:#000;--input-bg:#ffffff08;--input-border:#ffffff1f;--color-primary:#e6b800}.theme-hot_red{--bg-main:#0d0d0f;--card-bg:#18181c;--text-title:#fff;--text-sub:#a1a1aa;--accent-blue:#e50914;--plan-bg:#e509141f;--plan-border:#e50914;--badges-bg:#10b9811f;--badges-text:#10b981;--cta-bg:#e50914;--cta-hover:#f40612;--cta-text:#fff;--input-bg:#ffffff08;--input-border:#ffffff1f;--color-primary:#e50914}.theme-neon_pink{--bg-main:#100814;--card-bg:#1d1024;--text-title:#fff;--text-sub:#d8b4fe;--accent-blue:#ff2a85;--plan-bg:#ff2a851f;--plan-border:#ff2a85;--badges-bg:#10b9811f;--badges-text:#10b981;--cta-bg:#ff2a85;--cta-hover:#ff4d9d;--cta-text:#fff;--input-bg:#ffffff08;--input-border:#ffffff1f;--color-primary:#ff2a85}.theme-midnight_purple{--bg-main:#0a0512;--card-bg:#170c24;--text-title:#fff;--text-sub:#a78bfa;--accent-blue:#9333ea;--plan-bg:#9333ea1f;--plan-border:#9333ea;--badges-bg:#10b9811f;--badges-text:#10b981;--cta-bg:#9333ea;--cta-hover:#a855f7;--cta-text:#fff;--input-bg:#ffffff08;--input-border:#ffffff1f;--color-primary:#9333ea}.checkout-view{background-color:var(--bg-main);min-height:100vh;color:var(--text-title);padding-bottom:60px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.view-container{max-width:760px;margin:0 auto;padding:32px 16px 0}@media (max-width:640px){.view-container{padding:16px 12px 0}}.left-card{background:var(--card-bg);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:20px;padding:32px;display:flex;box-shadow:0 4px 20px #0000000d}@media (max-width:640px){.left-card{gap:16px;padding:22px 18px}}.checkout-top-header{align-items:center;margin-bottom:-4px;display:flex}.back-link{color:var(--accent-blue);font-size:13.5px;font-weight:600;text-decoration:none;transition:opacity .2s}.back-link:hover{opacity:.8;text-decoration:underline}.checkout-direct-header{border-bottom:1px solid #0000000f;padding-bottom:14px}.theme-dark_vip .checkout-direct-header,.theme-hot_red .checkout-direct-header,.theme-neon_pink .checkout-direct-header,.theme-midnight_purple .checkout-direct-header{border-bottom-color:#ffffff14}.checkout-product-title{color:var(--text-title);margin:0;font-size:24px;font-weight:900;line-height:1.25}.checkout-form{flex-direction:column;gap:16px;display:flex}.form-section-title h3{color:var(--text-title);margin:4px 0 6px;font-size:15px;font-weight:800}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-title);font-size:13px;font-weight:700}.field-label small{color:var(--text-sub);font-weight:400}.field-input{border:1px solid var(--input-border);background-color:var(--input-bg);width:100%;height:48px;color:var(--text-title);box-sizing:border-box;border-radius:10px;outline:none;padding:0 16px;font-size:14.5px;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0284c726}.field-input.error{border-color:#ef4444!important}.field-error-msg{color:#ef4444;font-size:12px;font-weight:600}.grid-2-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.grid-2-fields{grid-template-columns:1fr}}.payment-method-box{background-color:#10b98114;border:1px solid #10b98133;border-radius:10px;align-items:center;margin-top:4px;padding:14px 18px;display:flex}.payment-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pix-badge{color:#10b981;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.pix-sub{color:var(--text-sub);font-size:12.5px;font-weight:500}.checkout-alert-error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px 16px;font-size:13.5px;font-weight:600}.submit-btn{background-color:var(--cta-bg);width:100%;height:52px;color:var(--cta-text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;text-decoration:none;transition:background-color .2s,transform .1s;display:flex}.submit-btn:hover:not(:disabled){background-color:var(--cta-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.cta-button{background-color:var(--cta-bg);width:100%;height:52px;color:var(--cta-text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;text-decoration:none;transition:background-color .2s,transform .1s;display:flex}.cta-button:hover:not(:disabled){background-color:var(--cta-hover)}.cta-button:disabled{opacity:.6;cursor:not-allowed}.cta-arrow{font-size:20px;line-height:1}.checkout-security-row{border-top:1px solid #0000000f;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding-top:12px;display:flex}.theme-dark_vip .checkout-security-row,.theme-hot_red .checkout-security-row,.theme-neon_pink .checkout-security-row,.theme-midnight_purple .checkout-security-row{border-top-color:#ffffff14}.security-item{color:var(--text-sub);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.checkout-terms-row{color:var(--text-sub);align-items:flex-start;gap:10px;font-size:13px;display:flex}