@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--secondary:#c084fc;--background:#0f0720;--card-bg:#ffffff0d;--text:#fff;--text-secondary:#a78bfa;--input-bg:#0000;--input-border:#fff3;--danger:#cf6679;--success:#00bfa5}body{-webkit-font-smoothing:antialiased;background-color:#0f0720;background-color:var(--background);background-image:radial-gradient(circle at 10% 20%,#8b5cf61a 0,#0000 40%),radial-gradient(circle at 90% 80%,#c084fc0d 0,#0000 40%);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;padding:2.5rem;width:100%}.title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px #8b5cf64d}.form-label{color:#a78bfa;font-weight:600}.form-input{background:#0000;background:var(--input-bg);border:1px solid #fff3;border-radius:12px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:#c084fc;border-color:var(--secondary);box-shadow:0 0 0 2px #c084fc4d}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #8b5cf666;font-weight:700;letter-spacing:.05em;padding:14px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 8px 25px #8b5cf699;filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.text-center{text-align:center}.link{color:#c084fc;color:var(--secondary);font-weight:600;text-decoration:none;transition:all .2s}.link:hover{color:#8b5cf6;color:var(--primary);text-decoration:underline}.error-message{background-color:#cf66791a;border:1px solid #cf66794d;border-radius:12px;color:#ffb4b4}.error-message,.success-message{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:12px;text-align:center}.success-message{background-color:#00bfa51a;border:1px solid #00bfa54d;border-radius:12px;color:#a7ffeb}.nav-links{gap:1.5rem}.nav-links,.navbar{align-items:center;display:flex}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0720cc;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-brand{color:#fff;font-size:1.5rem;font-weight:800;text-decoration:none;text-shadow:0 0 10px #8b5cf64d}.nav-links a{color:#a78bfa;color:var(--text-secondary);font-weight:600;margin-left:1.5rem;text-decoration:none;transition:all .2s}.nav-links a:hover{color:#fff}:root{--bg-dark:#0f1014;--bg-card:#1a1c23;--text-primary:#fff;--text-secondary:#9ca3af;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-glow:#6366f180;--btn-google-bg:#fff;--btn-google-text:#1f2937;--btn-outline-border:#fff3;--btn-outline-hover:#ffffff1a}body{background-color:#0f1014;background-color:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.auth-container{display:flex;height:100vh;overflow:hidden;width:100vw}.auth-left{background-color:#0f1014;background-color:var(--bg-dark);flex-direction:column;justify-content:space-between;padding:3rem;width:40%;z-index:10}.auth-left,.auth-right{display:flex;position:relative}.auth-right{background:radial-gradient(circle at center,#2e1065 0,#0f1014 100%);overflow:hidden;width:60%}.auth-right,.nav-home-icon{align-items:center;justify-content:center}.nav-home-icon{background:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:40px;transition:background .2s;width:40px}.nav-home-icon:hover{background:#fff3}.auth-main-content{margin:0 auto;max-width:400px;width:100%}.brand-showcase{margin-bottom:2rem}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.welcome-text{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 2rem}.auth-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:1rem;padding:1rem;text-decoration:none;transition:all .2s ease;width:100%}.btn-google{background-color:#fff;background-color:var(--btn-google-bg);color:#1f2937;color:var(--btn-google-text)}.btn-google:hover{background-color:#f3f4f6}.divider{align-items:center;color:#9ca3af;color:var(--text-secondary);display:flex;font-size:.8rem;letter-spacing:1px;margin:1.5rem 0;text-align:center;text-transform:uppercase}.divider:after,.divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.btn-outline{background-color:initial;border:1px solid #fff3;border:1px solid var(--btn-outline-border);color:#fff;color:var(--text-primary);justify-content:flex-start;padding-left:1.5rem}.btn-outline:hover{background-color:#ffffff1a;background-color:var(--btn-outline-hover);border-color:#fff6}.btn-outline svg{opacity:.7}.footer-links{font-size:.8rem}.footer-links,.footer-links a{color:#9ca3af;color:var(--text-secondary)}.footer-links a{margin-left:5px;text-decoration:underline}.back-button{align-items:center;background:#0000;border:none;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:0}.back-button:hover{color:#fff;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-label{color:#9ca3af;color:var(--text-secondary)}.form-input{background:#ffffff0d;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;transition:border-color .2s}.form-input:focus{background:#ffffff1a;border-color:var(--accent-primary)}.btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:12px;box-shadow:0 4px 15px #6366f180;box-shadow:0 4px 15px var(--accent-glow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;width:100%}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.hero-text-container{left:10%;max-width:500px;position:absolute;top:20%;z-index:20}.hero-headline{font-size:3.5rem;font-weight:800;line-height:1.1;text-shadow:0 4px 20px #00000080}.typewriter span{animation:fadeInUp .4s ease forwards;display:inline-block;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gaming-controller-3d{bottom:-50px;filter:drop-shadow(0 20px 50px rgba(0,0,0,.5));height:auto;pointer-events:none;position:absolute;right:-100px;transform:rotate(-15deg);width:800px;z-index:10}.floating-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media (max-width:900px){.auth-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.auth-left{justify-content:flex-start;min-height:100vh;padding:3rem 1.5rem 1.5rem;width:100%}.auth-main-content{margin:0 auto;max-width:100%}.auth-right{display:none}.welcome-text{font-size:2rem;margin-bottom:1.5rem}.brand-showcase{margin-bottom:2rem;text-align:center}.brand-name{display:flex;font-size:1.25rem;justify-content:center}.auth-btn,.btn-primary{min-height:50px;padding:1rem}}.dashboard-container{background-color:#0f1014;color:#fff;display:flex;font-family:Inter,sans-serif;min-height:100vh;padding-top:0;position:relative;top:-1px}.profile-sidebar{background-color:#0f1014;border-right:1px solid #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;padding:2rem 1rem;width:280px}.sidebar-header{color:#9ca3af;font-size:.8rem;font-weight:600;letter-spacing:1px;margin-bottom:2rem;padding-left:1rem;text-transform:uppercase}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{align-items:center;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;font-weight:500;gap:1rem;padding:1rem;transition:all .2s ease}.sidebar-item:hover{background-color:#ffffff0d;color:#fff}.sidebar-item.active{background:linear-gradient(90deg,#6366f11a,#0000);border-left:3px solid #6366f1;color:#fff}.sidebar-item.danger{color:#ef4444}.sidebar-item.danger:hover{background-color:#ef44441a}.profile-content{flex:1 1;overflow-y:auto;padding:3rem}.content-header{margin-bottom:2rem}.section-title{font-size:2rem;font-weight:700;margin:0}.info-section{margin-bottom:2rem}.section-label{align-items:center;color:#9ca3af;display:flex;font-size:.9rem;font-weight:700;gap:1rem;margin-bottom:1rem;text-transform:uppercase}.section-actions{display:flex;gap:1rem;margin-left:auto}.action-link{align-items:center;color:#3b82f6;cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;text-decoration:none}.action-link:hover{text-decoration:underline}.premium-card{align-items:center;background-color:#1a1c23;border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:2rem;overflow:hidden;padding:2rem;position:relative}.user-avatar-large{border:3px solid #6366f1;border-radius:50%;cursor:pointer;height:80px;object-fit:cover;position:relative;width:80px}.edit-avatar-badge{align-items:center;background:#fff;border:2px solid #1a1c23;border-radius:50%;bottom:0;color:#000;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:0;width:24px}.user-details{flex:1 1}.user-name{font-size:1.5rem;font-weight:700}.user-email,.user-name{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.user-email{color:#9ca3af;font-size:.9rem}.user-meta{color:#6b7280;display:flex;font-size:.8rem;gap:1.5rem}.sub-status-badge{background-color:#ef4444;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;margin-left:1rem;padding:2px 8px;text-transform:uppercase}.sub-details h3{font-size:1.2rem;margin:0 0 .5rem}.sub-role{font-size:1.5rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.sub-desc{color:#9ca3af;font-size:.9rem}.btn-subscribe{background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:8px;box-shadow:0 4px 15px #3b82f666;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:700;padding:.8rem 2rem;text-decoration:none;text-transform:uppercase;transition:transform .2s}.btn-subscribe:hover{opacity:.9;transform:translateY(-2px)}.placeholder-view{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:16px;padding:4rem;text-align:center}.placeholder-icon{color:#6366f1;font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width:900px){.dashboard-container{flex-direction:column;overflow-x:hidden}.profile-sidebar{background-color:#0f1014;border-bottom:1px solid #ffffff0d;border-right:none;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.sidebar-header{display:none}.sidebar-menu{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;overflow-x:auto;padding:.5rem 1rem;scrollbar-width:none}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-item{background:#ffffff08;flex-shrink:0;font-size:.9rem;padding:.6rem 1rem;white-space:nowrap}.sidebar-item.active{background:linear-gradient(180deg,#0000,#6366f11a);border-bottom:3px solid #6366f1;border-left:none}.profile-content{padding:1.5rem 1rem}.section-title{font-size:1.5rem}.premium-card{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:left}.user-meta{flex-wrap:wrap;gap:1rem;justify-content:flex-start}.section-actions{display:flex;flex-direction:row;gap:1.5rem;justify-content:flex-start;margin-left:0;margin-top:0;width:100%}.section-label{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}.section-label .section-actions{display:flex;justify-content:flex-end;margin-left:auto;width:auto}}@media (max-width:480px){.sidebar-item{font-size:.8rem;padding:.5rem .8rem}.user-avatar-large{height:70px;width:70px}}.sidebar-submenu{display:flex;flex-direction:column;gap:.2rem;margin-top:.2rem;padding-left:2.5rem}.sidebar-subitem{border-left:2px solid #0000;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.sidebar-subitem:hover{background:#ffffff0d;color:#fff}.sidebar-subitem.active-sub{background:#6366f11a;border-left-color:#6366f1;color:#6366f1}.fade-in-slide{animation:fadeInSlide .3s ease-out forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.avatar-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100}.avatar-popup-content{animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275);background:#1a1c23;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #00000080;max-width:500px;padding:2rem;text-align:center;width:100%}.avatar-popup-content h3{font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.avatar-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.avatar-option{aspect-ratio:1;background:#ffffff0d;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.avatar-option:hover{background:#ffffff1a;transform:translateY(-2px)}.avatar-option img{height:100%;object-fit:cover;width:100%}.btn-close-popup{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .2s}.btn-close-popup:hover{background:#ffffff0d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:500px){.avatar-grid{grid-template-columns:repeat(3,1fr)}}.billing-container{padding-bottom:2rem}.duration-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;margin-top:1rem}.tab-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;color:#9ca3af;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:.8rem 1.5rem;transition:all .3s ease}.tab-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#0000;box-shadow:0 4px 20px #6366f166;color:#fff}.badge-save{background:#0003;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px}.plans-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem;perspective:1000px}.plan-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff14;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.plan-card:hover{border-color:#fff3;border-color:var(--theme-color,#fff3);box-shadow:0 20px 40px -10px #00000080;box-shadow:0 20px 40px -10px var(--theme-glow,#00000080);transform:translateY(-10px) scale(1.02)}.plan-card:before{background:radial-gradient(circle at 50% -20%,var(--theme-glow),#0000 70%);content:"";height:200px;left:0;opacity:.15;position:absolute;right:0;top:0;transition:opacity .3s ease}.plan-card:hover:before{opacity:.3}.plan-card.recommended{background:linear-gradient(180deg,#14141ecc,#0a0a10e6);border:1px solid var(--theme-color);box-shadow:0 15px 50px -10px var(--theme-glow);transform:scale(1.05);z-index:10}.plan-card.recommended:hover{transform:scale(1.08) translateY(-10px)}.rec-badge{border:2px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 15px var(--theme-glow);color:#fff;font-size:.75rem;font-weight:800;left:50%;letter-spacing:1px;padding:6px 16px;position:absolute;right:16px;right:auto;text-transform:uppercase;top:16px;top:-14px;transform:translateX(-50%)}.plan-header{margin-bottom:2rem;position:relative;z-index:1}.plan-name{font-size:1.25rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.plan-price{color:#fff;font-size:3rem;font-weight:800;line-height:1;text-shadow:0 0 20px var(--theme-glow)}.plan-price span{color:#94a3b8;font-size:1rem;font-weight:500;margin-left:4px}.savings-pill{background:#0003;border:1px solid;border-radius:20px;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:1.5rem;padding:4px 12px}.divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin-bottom:2rem}.plan-features{flex:1 1;list-style:none;margin:0 0 2.5rem;padding:0;text-align:left}.plan-features li{align-items:start;color:#cbd5e1;display:flex;font-size:.95rem;gap:12px;margin-bottom:1rem}.check-icon{font-size:1.1rem;font-weight:700}.btn-select-plan{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:1rem;position:relative;text-transform:uppercase;transition:all .3s;width:100%}.btn-select-plan:hover{background:var(--theme-color)!important;border-color:var(--theme-color)!important;box-shadow:0 0 20px var(--theme-glow);transform:translateY(-2px)}.history-table{border-collapse:initial;border-spacing:0 8px;margin-top:1rem;width:100%}.history-table th{border-bottom:none;color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.history-table td{background:#ffffff05;border:1px solid #ffffff0d;color:#e2e8f0;padding:1rem}.history-table tr td:first-child{border-bottom-left-radius:8px;border-left:1px solid #ffffff0d;border-top-left-radius:8px}.history-table tr td:last-child{border-bottom-right-radius:8px;border-right:1px solid #ffffff0d;border-top-right-radius:8px}.status-badge{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:6px 10px}.billing-form-container{background:#0f0f14;border:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #00000080}.form-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.form-label{color:#94a3b8;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}
/*# sourceMappingURL=main.88aaad75.css.map*/