:root{--primary: #00d4ff;--primary-dark: #00a8cc;--primary-light: #33ddff;--primary-glow: rgba(0, 212, 255, .3);--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #15151f;--bg-card-hover: #1c1c2a;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--success: #00ff88;--warning: #ffaa00;--error: #ff4455;--info: #00aaff;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);--gradient-dark: linear-gradient(180deg, #12121a 0%, #0a0a0f 100%);--gradient-card: linear-gradient(145deg, #1a1a25 0%, #12121a 100%);--border-color: rgba(255, 255, 255, .08);--border-color-light: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--primary-glow);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-family:var(--font-family);font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:var(--shadow-md),0 0 20px #00d4ff33}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #00d4ff66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary)}.btn-large{padding:1rem 2rem;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-icon{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--primary);border-color:var(--primary)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);height:80px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.navbar-logo:hover{color:var(--text-primary)}.logo-image{width:40px;height:40px;object-fit:contain}.logo-text .plus{color:var(--primary)}.navbar-links{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm)}@media (max-width: 768px){.mobile-menu-btn{display:block}.navbar-links{position:fixed;top:80px;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.navbar-links.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-links .btn{width:100%}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-brand{margin-bottom:var(--spacing-2xl)}.footer-logo{width:50px;height:50px;margin-bottom:var(--spacing-md)}.footer-tagline{color:var(--text-secondary);font-size:.95rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-column h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.footer-column a{display:block;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem}.footer-column a:hover{color:var(--primary)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:.85rem}.home-page{overflow-x:hidden}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3xl);max-width:1200px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg)}.hero-content{flex:1;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-full);color:var(--primary);font-size:.85rem;font-weight:500;margin-bottom:var(--spacing-lg)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.7}.price-highlight{color:var(--primary);font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.hero-image{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.hero-logo{width:300px;height:300px;object-fit:contain;animation:float 6s ease-in-out infinite;position:relative;z-index:1}.hero-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 900px){.hero{flex-direction:column-reverse;text-align:center;min-height:auto;padding-top:var(--spacing-2xl)}.hero-actions{justify-content:center}.hero-logo{width:200px;height:200px}.hero-glow{width:280px;height:280px}}.features{padding:var(--spacing-3xl) var(--spacing-lg);max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--text-secondary);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.feature-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-glow)}.feature-icon{color:var(--primary);margin-bottom:var(--spacing-lg)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.feature-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.pricing{padding:var(--spacing-3xl) var(--spacing-lg);display:flex;justify-content:center}.pricing-card{background:var(--gradient-card);border:2px solid var(--primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-glow)}.pricing-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pricing-icon{color:var(--primary)}.pricing-header h3{font-size:1.5rem;font-weight:700}.pricing-amount{margin-bottom:var(--spacing-xl)}.pricing-amount .currency{font-size:1.5rem;color:var(--text-secondary);vertical-align:top}.pricing-amount .amount{font-size:4rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-amount .period{font-size:1.2rem;color:var(--text-secondary)}.pricing-features{list-style:none;text-align:left;margin-bottom:var(--spacing-xl)}.pricing-features li{padding:var(--spacing-sm) 0;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.pricing-note{margin-top:var(--spacing-md);font-size:.85rem;color:var(--text-muted)}.cta{padding:var(--spacing-3xl) var(--spacing-lg);background:var(--gradient-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.cta-content{max-width:600px;margin:0 auto;text-align:center}.cta-content h2{font-size:2rem;margin-bottom:var(--spacing-md)}.cta-content p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.1rem}.auth-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg)}.auth-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:480px;width:100%}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{width:80px;height:80px;margin-bottom:var(--spacing-lg)}.auth-header h1{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary)}.auth-error{display:flex;align-items:center;gap:var(--spacing-sm);background:#ff44551a;border:1px solid rgba(255,68,85,.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--error);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.form-group,.input-wrapper{min-width:0}@media (max-width: 700px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 var(--spacing-md);transition:all var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.input-wrapper svg{color:var(--text-muted);flex-shrink:0}.input-wrapper input{flex:1;background:transparent;border:none;padding:.875rem 0;color:var(--text-primary);font-family:var(--font-family);font-size:1rem;outline:none}.input-wrapper input::placeholder{color:var(--text-muted)}.form-hint{font-size:.8rem;color:var(--text-muted)}.auth-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);color:var(--text-secondary)}.dashboard-page{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-md)}.dashboard-welcome h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.dashboard-welcome p{color:var(--text-secondary)}.dashboard-section{margin-bottom:var(--spacing-2xl)}.dashboard-section .section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;margin-bottom:var(--spacing-lg);text-align:left}.discount-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.discount-code-display{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center}.discount-code{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;background:var(--bg-tertiary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);letter-spacing:2px;color:var(--primary)}.no-code{text-align:center;color:var(--text-secondary)}.perks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.perk-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.perk-icon{color:var(--primary)}.perk-info h3{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.perk-usage{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.perk-description{color:var(--text-secondary);font-size:.9rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.requests-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-requests{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.request-card.status-pending{border-left:3px solid var(--warning)}.request-card.status-completed{border-left:3px solid var(--success)}.request-card.status-rejected{border-left:3px solid var(--error)}.request-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.request-type{background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;text-transform:capitalize}.request-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.status-icon.pending{color:var(--warning)}.status-icon.completed{color:var(--success)}.status-icon.rejected{color:var(--error)}.request-body{margin-bottom:var(--spacing-md)}.request-details{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.request-server{font-size:.9rem;color:var(--text-muted)}.request-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:.8rem;color:var(--text-muted)}.request-rejection{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ff44551a;border-radius:var(--radius-sm);color:var(--error);font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.25rem}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-form{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-form input,.modal-form textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem var(--spacing-md);color:var(--text-primary);font-family:var(--font-family);font-size:1rem;transition:all var(--transition-fast)}.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.modal-form input::placeholder,.modal-form textarea::placeholder{color:var(--text-muted)}.modal-form textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.subscribe-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg)}.subscribe-container{max-width:500px;width:100%}.subscribe-header{text-align:center;margin-bottom:var(--spacing-xl)}.subscribe-logo{width:100px;height:100px;margin-bottom:var(--spacing-lg)}.subscribe-header h1{font-size:2rem;margin-bottom:var(--spacing-sm)}.subscribe-header p{color:var(--text-secondary)}.subscribe-error{display:flex;align-items:center;gap:var(--spacing-sm);background:#ff44551a;border:1px solid rgba(255,68,85,.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--error);font-size:.9rem}.subscribe-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.subscribe-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.subscribe-icon{color:var(--primary)}.subscribe-card-header h2{font-size:1.25rem}.subscribe-price{margin-top:var(--spacing-xs)}.subscribe-price .currency{font-size:1rem;color:var(--text-secondary);vertical-align:top}.subscribe-price .amount{font-size:2rem;font-weight:800;color:var(--primary)}.subscribe-price .period{color:var(--text-secondary)}.subscribe-features{margin-bottom:var(--spacing-xl)}.subscribe-features h3{font-size:1rem;margin-bottom:var(--spacing-md)}.subscribe-features ul{list-style:none}.subscribe-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--text-secondary)}.check-icon{color:var(--success);flex-shrink:0}.subscribe-btn{margin-bottom:var(--spacing-md)}.subscribe-note{text-align:center;font-size:.85rem;color:var(--text-muted)}.success-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg)}.success-container{text-align:center;max-width:500px}.success-icon{color:var(--success);margin-bottom:var(--spacing-lg);animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.success-container h1{font-size:2rem;margin-bottom:var(--spacing-md)}.success-container>p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.success-features{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:left}.success-feature{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary)}.success-feature svg{color:var(--primary);flex-shrink:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small .spinner{width:24px;height:24px}.loading-spinner.large .spinner{width:60px;height:60px}.loading-text{color:var(--text-secondary);font-size:.95rem}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-error{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background:#ff4455e6;color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:.95rem;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}::selection{background:var(--primary);color:var(--bg-primary)}