@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--primary-red:#e94560;--primary-red-dark:#d63350;--primary-red-light:#f05670;--bg-dark:#1d1836;--bg-darker:#161328;--bg-darkest:#0f0c1e;--accent-purple:#3d3564;--accent-blue:#4a5f8b;--accent-cyan:#5e94c7;--text-primary:#fff;--text-secondary:#b8b3d0;--text-muted:#8b859e;--surface-dark:#252041;--surface-darker:#1e1937;--surface-border:#e945601a;--surface-hover:#e945600d;--gradient-primary:linear-gradient(135deg,#e94560,#d63350);--gradient-dark:linear-gradient(180deg,#1d1836,#161328);--gradient-surface:linear-gradient(135deg,#252041,#1e1937);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 10px 40px #00000080;--shadow-glow:0 0 30px #e945604d;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0c1e;background:var(--bg-darkest);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 50%,#e945601a 0,#0000 50%),radial-gradient(circle at 80% 80%,#5e94c70d 0,#0000 50%),radial-gradient(circle at 40% 20%,#3d356414 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}#root{min-height:100vh;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,#e94560,#d63350);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}p{color:#b8b3d0;color:var(--text-secondary);line-height:1.7}a{color:#e94560;color:var(--primary-red);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}a:hover{color:#f05670;color:var(--primary-red-light);text-shadow:0 0 20px #e9456080}button{cursor:pointer;font-family:inherit;transition:all .25s ease-in-out;transition:all var(--transition-base)}input,select,textarea{background:#252041;background:var(--surface-dark);border:1px solid #e945601a;border:1px solid var(--surface-border);border-radius:10px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:inherit;padding:12px 16px;transition:all .15s ease-in-out;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{background:#1e1937;background:var(--surface-darker);border-color:#e94560;border-color:var(--primary-red);box-shadow:0 0 0 3px #e945601a;outline:none}.loading-screen{align-items:center;background:#0f0c1e;background:var(--bg-darkest);bottom:0;color:#b8b3d0;color:var(--text-secondary);display:flex;font-size:1.5rem;font-weight:600;justify-content:center;left:0;position:fixed;right:0;top:0}.loading-screen:after{animation:spin 1s linear infinite;border:3px solid #e94560;border:3px solid var(--primary-red);border-radius:50%;border-top:3px solid #0000;content:"";display:inline-block;height:24px;margin-left:16px;width:24px}code{background:#252041;background:var(--surface-dark);border-radius:4px;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161328;background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#252041;background:var(--surface-dark);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3d3564;background:var(--accent-purple)}::selection{background:#e945604d;color:#fff;color:var(--text-primary)}.fade-in{animation:fadeIn .35s ease-in-out;animation:fadeIn var(--transition-slow)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-darker) 100%);border-bottom:1px solid #e945601a;box-shadow:0 4px 20px #0000004d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-size:1.5rem;font-weight:800;text-decoration:none;transition:all var(--transition-base)}.nav-logo:hover{transform:translateY(-2px)}.logo-img{filter:drop-shadow(0 0 10px rgba(233,69,96,.3));height:45px;transition:all var(--transition-base);width:auto}.nav-logo:hover .logo-img{filter:drop-shadow(0 0 20px rgba(233,69,96,.5));transform:scale(1.05)}.nav-menu{align-items:center;display:flex;gap:1rem;margin:0;padding:0}.nav-item,.nav-menu{list-style:none}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);display:inline-block;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-link:before{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--transition-base);width:0}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link:hover:before{width:80%}.logout-btn{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;transition:all var(--transition-base)}.logout-btn:hover{background:linear-gradient(135deg,var(--primary-red-light) 0,var(--primary-red) 100%);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.logout-btn:hover:before{width:0}.login-item{margin-left:1rem}.login-btn{background:var(--gradient-primary);border:none;box-shadow:0 2px 10px #e945604d;color:#fff!important;font-weight:600;padding:.6rem 1.5rem!important;transition:all var(--transition-fast)}.login-btn:hover{background:linear-gradient(135deg,var(--primary-red-light) 0,var(--primary-red) 100%);box-shadow:0 4px 20px #e9456080;color:#fff!important;transform:translateY(-2px)}.login-btn:before{display:none}.nav-link.locked{opacity:.7}.nav-link.locked,.nav-link.premium-feature{position:relative}.lock-icon,.premium-icon{display:inline-block;font-size:.85rem;margin-left:.3rem;vertical-align:middle}.lock-icon{filter:grayscale(100%);opacity:.6}.premium-icon{animation:shimmer 2s infinite;color:gold;text-shadow:0 0 5px #ffd70080}@keyframes shimmer{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nav-link.locked:hover .lock-icon{animation:shake .5s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.nav-link.premium-feature:hover .premium-icon{animation:pulse .5s}.uses-badge{background:var(--gradient-primary);border-radius:10px;box-shadow:0 2px 4px #e945604d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-left:.3rem;min-width:1.2rem;padding:.1rem .4rem;text-align:center;vertical-align:middle}@media (max-width:768px){.nav-container{padding:0 1rem}.logo-img{height:35px}.nav-menu{gap:.5rem}.nav-link{font-size:.9rem;padding:.5rem .8rem}}.footer{background:linear-gradient(180deg,var(--bg-darker) 0,var(--bg-darkest) 100%);border-top:1px solid var(--surface-border);color:var(--text-secondary);margin-top:auto;padding:3rem 0 2rem;position:relative}.footer:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.footer-content{margin:0 auto;max-width:1400px;padding:0 2rem;text-align:center}.footer-content p{color:var(--text-muted);font-size:.95rem;margin:.75rem 0;transition:color var(--transition-fast)}.footer-content p:hover{color:var(--text-secondary)}.footer-content p:first-child{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:.5px}@media (max-width:768px){.footer{padding:2rem 0 1.5rem}.footer-content{padding:0 1rem}.footer-content p{font-size:.9rem}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:2px solid #0fc;border-radius:12px;box-shadow:0 4px 20px #00ffcc4d;max-width:450px;padding:2rem;width:90%}.modal-content h2{color:#0fc;font-size:1.8rem;margin-bottom:1rem;text-align:center}.modal-description{color:#b0b0b0;line-height:1.5;margin-bottom:.5rem;text-align:center}.modal-reminder{color:#0fc;font-size:.9rem;font-style:italic;margin-bottom:1.5rem;text-align:center}.modal-content form{display:flex;flex-direction:column}.modal-content input{background-color:#ffffff0d;border:1px solid #00ffcc4d;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.modal-content input:focus{border-color:#0fc;box-shadow:0 0 10px #00ffcc4d;outline:none}.modal-content input:disabled{cursor:not-allowed;opacity:.5}.display-name-requirements{background-color:#00ffcc0d;border:1px solid #0fc3;border-radius:8px;margin:1rem 0}.display-name-requirements p{color:#0fc;font-weight:700;margin-bottom:.5rem}.display-name-requirements ul{list-style:none;margin:0;padding-left:0}.display-name-requirements li{color:#b0b0b0;padding:.25rem 0 .25rem 1.5rem;position:relative}.display-name-requirements li:before{color:#0fc;content:"✓";left:0;position:absolute}.error-message{background-color:#ff00001a;border:1px solid #ff00004d;border-radius:4px;color:#ff6b6b;padding:.5rem;text-align:center}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:.75rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#0fc,#00d4aa);color:#1a1a2e}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0fc6;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background-color:initial;border:1px solid #ffffff4d;color:#b0b0b0}.btn-secondary:hover:not(:disabled){background-color:#ffffff0d;border-color:#ffffff80;color:#fff}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.home-page{overflow-x:hidden}.hero-section{align-items:center;display:flex;justify-content:center;min-height:90vh;overflow:hidden;padding:4rem 2rem;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.animated-gradient{animation:gradientShift 20s ease infinite;background:linear-gradient(45deg,#e945601a,#4c78a81a 25%,#e945601a 50%,#4c78a81a 75%,#e945601a);height:200%;position:absolute;width:200%}@keyframes gradientShift{0%,to{transform:translate(0)}50%{transform:translate(-50%,-50%)}}.grid-overlay{animation:gridMove 10s linear infinite;background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px;height:100%;position:absolute;width:100%}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{animation:fadeInUp 1s ease;max-width:1200px;text-align:center;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-red) 0,var(--secondary-blue) 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 80px #e9456080}.hero-title .subtitle{color:var(--text-primary);font-size:2.5rem;font-weight:700}.hero-description{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem}.cta-button{border-radius:var(--radius-lg);display:inline-block;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:var(--gradient-primary);box-shadow:0 4px 20px #e9456066;color:#fff}.cta-button.primary:hover{box-shadow:0 6px 30px #e9456099;transform:translateY(-3px)}.cta-button.secondary{background:#0000;border:2px solid var(--surface-border);color:var(--text-primary)}.cta-button.secondary:hover{background:var(--surface-hover);border-color:var(--primary-red);transform:translateY(-3px)}.cta-button.large{font-size:1.2rem;padding:1.25rem 3rem}.hero-stats{display:flex;gap:4rem;justify-content:center}.stat{display:flex;flex-direction:column}.stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.features-section{background:var(--bg-darker);padding:5rem 2rem}.container{margin:0 auto;max-width:1200px}.section-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:3rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem;margin-top:-2rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-xl);overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.feature-card:hover:before{opacity:1}.feature-card.premium{background:linear-gradient(135deg,#e945600d,#4c78a80d);border-color:var(--primary-red)}.premium-badge{font-size:.75rem;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.feature-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:3rem;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.feature-link{color:var(--primary-red);font-weight:600;text-decoration:none;transition:all .3s ease}.feature-link:hover{color:var(--primary-red-light);display:inline-block;transform:translateX(5px)}.how-it-works{background:var(--bg-dark);padding:5rem 2rem}.steps-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative}.steps-container:before{background:linear-gradient(90deg,#0000 0,var(--surface-border) 25%,var(--surface-border) 75%,#0000 100%);content:"";height:2px;left:10%;position:absolute;right:10%;top:2rem;z-index:0}.step{position:relative;text-align:center;z-index:1}.step-number{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:0 4px 20px #e945604d;color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.step h3{color:var(--text-primary);margin-bottom:.75rem}.step p{color:var(--text-secondary);line-height:1.6}.pricing-section{background:var(--bg-darker);padding:5rem 2rem}.pricing-cards{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1100px}.pricing-card{background:var(--surface-dark);border:2px solid var(--surface-border);border-radius:var(--radius-xl);padding:2.5rem;transition:all .3s ease}.pricing-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.pricing-card.featured{border-color:var(--primary-red)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.featured-badge{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;font-size:.85rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.5rem 1.5rem;position:absolute;top:-1rem;transform:translateX(-50%);white-space:nowrap}.plan-header{border-bottom:1px solid var(--surface-border);margin-bottom:2rem;padding-bottom:2rem}.plan-header h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.price{gap:.5rem}.price .amount{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.price .period{color:var(--text-secondary);font-size:1.2rem}.plan-features{list-style:none;margin:0 0 2rem;padding:0}.plan-features li{border-bottom:1px solid #ffffff0d;color:var(--text-secondary);padding:.75rem 0}.plan-features li:last-child{border-bottom:none}.plan-button,.plan-features strong{color:var(--text-primary)}.plan-button{background:#0000;border:2px solid var(--surface-border);border-radius:var(--radius-lg);display:block;font-size:1.1rem;font-weight:700;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.plan-button:hover{background:var(--surface-hover);border-color:var(--primary-red);transform:translateY(-2px)}.plan-button.premium-button{background:var(--gradient-primary);border:none;box-shadow:0 4px 20px #e945604d;color:#fff}.plan-button.premium-button:hover{box-shadow:0 6px 30px #e9456080}.trial-text{color:var(--text-muted);font-size:.9rem;margin-top:1rem;text-align:center}.cta-section{background:linear-gradient(135deg,#e945601a,#4c78a81a);padding:5rem 2rem;text-align:center}.cta-section h2{color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-section p{color:var(--text-secondary);font-size:1.3rem;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-title .subtitle{font-size:1.8rem}.hero-description{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column}.hero-stats{flex-direction:column;gap:2rem}.section-title{font-size:2rem}.steps-container:before{display:none}.pricing-card.featured{transform:scale(1)}.cta-buttons{align-items:center;flex-direction:column}}.login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);position:relative}.login-container:before{animation:floatAnimation 20s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#e9456026 0,#0000 40%),radial-gradient(circle at 70% 60%,#5e94c71a 0,#0000 40%);bottom:-100px;content:"";left:-100px;position:absolute;right:-100px;top:-100px}@keyframes floatAnimation{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(5deg)}}.login-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:450px;padding:3rem;position:relative;width:100%}.login-card h1{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-align:center}.login-card h2{color:var(--text-secondary);font-size:1.1rem;font-weight:400;margin-bottom:2rem;text-align:center}.login-card form{display:flex;flex-direction:column;gap:1.25rem}.login-card input{background:var(--bg-darker);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:1rem;transition:all var(--transition-fast)}.login-card input:focus{background:var(--bg-dark);border-color:var(--primary-red);box-shadow:0 0 0 4px #e945601a;outline:none}.login-card input::placeholder{color:var(--text-muted)}.login-card button{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-transform:uppercase;transition:all var(--transition-base)}.login-card button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.login-card button:active{transform:translateY(0)}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.oauth-btn{align-items:center;background:var(--surface-dark);border:2px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.9rem;transition:all var(--transition-fast)}.oauth-btn:hover{background:var(--surface-darker);border-color:var(--primary-red);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.oauth-btn.google:hover{border-color:#ea4335;box-shadow:0 0 20px #ea433533}.oauth-btn.facebook:hover{border-color:#1877f2;box-shadow:0 0 20px #1877f233}.oauth-btn.microsoft:hover{border-color:#00bcf2;box-shadow:0 0 20px #00bcf233}.toggle-auth{color:var(--text-secondary);font-size:.95rem;margin-top:1.5rem;text-align:center}.link-btn{color:var(--primary-red);margin-left:.5rem;text-decoration:none;transition:all var(--transition-fast)}.link-btn:hover{color:var(--primary-red-light);text-shadow:0 0 10px #e9456080}.error-message{font-size:.95rem;margin-bottom:1rem}.player-slot-card{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-base)}.player-slot-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.player-slot-card:hover{border-color:var(--primary-red);box-shadow:var(--shadow-md);transform:translateY(-4px)}.player-slot-card:hover:before{opacity:1}.player-slot-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.5px;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.85rem;font-weight:500}.form-group input,.form-group select{background:var(--bg-darker);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all var(--transition-fast);width:100%}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus{background:var(--bg-dark);border-color:var(--primary-red);box-shadow:0 0 0 4px #e945601a;outline:none}.form-group select option{background:var(--bg-darker);color:var(--text-primary)}@media (max-width:768px){.player-slot-card{padding:1.5rem}}.team-build-card{background:var(--surface-dark);border:2px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-base)}.team-build-card.light{border-color:#4caf50}.team-build-card.medium{border-color:#2196f3}.team-build-card.heavy{border-color:#ff9800}.team-build-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.team-build-card.light:before{background:linear-gradient(90deg,#4caf50,#8bc34a)}.team-build-card.medium:before{background:linear-gradient(90deg,#2196f3,#03a9f4)}.team-build-card.heavy:before{background:linear-gradient(90deg,#ff9800,#ff5722)}.team-build-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.team-build-card.light:hover{border-color:#8bc34a;box-shadow:0 10px 30px #4caf5033}.team-build-card.medium:hover{border-color:#03a9f4;box-shadow:0 10px 30px #2196f333}.team-build-card.heavy:hover{border-color:#ff5722;box-shadow:0 10px 30px #ff980033}.build-header{border-bottom:1px solid var(--surface-border);padding-bottom:1rem}.build-header h3{font-size:1.35rem;margin:0 0 .75rem}.header-badges{gap:.75rem}.class-badge{color:#fff;padding:.35rem .85rem}.class-badge.light{background:linear-gradient(135deg,#4caf50,#8bc34a)}.class-badge.medium{background:linear-gradient(135deg,#2196f3,#03a9f4)}.class-badge.heavy{background:linear-gradient(135deg,#ff9800,#ff5722)}.role-badge{background:#e9456026;border:1px solid #e945604d;border-radius:20px;color:var(--primary-red);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.build-loadout{display:flex;flex-direction:column;gap:1rem}.loadout-section{background:var(--bg-darker);border-radius:var(--radius-md);padding:1rem;transition:all var(--transition-fast)}.loadout-section:hover{background:var(--bg-dark);transform:translateX(3px)}.section-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.section-value{color:var(--text-primary);font-size:1.05rem;font-weight:500;line-height:1.4}.weapon-value{color:#f39c12;font-weight:600}.specialization-value{color:#9b59b6;font-weight:600}.gadgets-section{background:var(--bg-darker);padding:1rem}.gadgets-grid{grid-gap:.75rem;display:grid;gap:.75rem}.gadget-item{align-items:center;background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:.5rem;transition:all var(--transition-fast)}.gadget-item:hover{background:var(--bg-dark);border-color:var(--primary-red);transform:translateX(5px)}.gadget-number{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.gadget-name{color:var(--text-primary);flex:1 1;font-size:.95rem;font-weight:500}@media (max-width:768px){.team-build-card{padding:1.25rem}.build-header h3{font-size:1.15rem}.header-badges{flex-wrap:wrap}.class-badge,.role-badge{font-size:.75rem;padding:.25rem .65rem}.section-value{font-size:.95rem}.gadget-name{font-size:.85rem}}.team-build-card{animation:slideIn .3s ease-out}.my-build-card{background:var(--surface-dark);border:2px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-base)}.my-build-card:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-base);width:4px}.my-build-card.light:before{background:linear-gradient(180deg,#e94560,#d63350)}.my-build-card.medium:before{background:linear-gradient(180deg,#5e94c7,#4a5f8b)}.my-build-card.heavy:before{background:linear-gradient(180deg,#3d3564,#2d2550)}.my-build-card:hover{border-color:var(--primary-red);box-shadow:var(--shadow-md);transform:translateY(-4px)}.my-build-card:hover:before{opacity:1}.my-build-card.selectable{cursor:pointer}.my-build-card.selected{background:var(--surface-hover);border-color:var(--primary-red)}.build-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.header-badges{align-items:center;display:flex;gap:.5rem}.build-card-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.class-badge{border-radius:20px;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.class-badge.light{background:#e9456033;border:1px solid #e945604d;color:#e94560}.class-badge.medium{background:#5e94c733;border:1px solid #5e94c74d;color:#5e94c7}.class-badge.heavy{background:#3d356433;border:1px solid #3d35644d;color:#8b859e}.build-content{gap:.75rem}.build-content,.build-item{display:flex;flex-direction:column}.build-item{gap:.25rem}.item-label{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.item-value{color:var(--text-primary);font-size:1rem;font-weight:500}.gadgets-list,.gadgets-section{margin-top:.5rem}.gadgets-list{display:flex;flex-wrap:wrap;gap:.5rem}.gadget-tag{background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:15px;color:var(--text-secondary);font-size:.85rem;padding:.25rem .75rem}.build-actions{border-top:1px solid var(--surface-border);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.delete-btn,.edit-btn,.visibility-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-fast)}.visibility-btn{background:var(--bg-darker);color:var(--text-secondary)}.visibility-btn.make-public:hover{background:#10b981;color:#fff}.visibility-btn.make-private:hover{background:#6366f1;color:#fff}.visibility-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.visibility-badge.public{background:#10b9811a;color:#10b981}.visibility-badge.private{background:#6366f11a;color:#6366f1}.rating-badge{background:#fbbf241a;border-radius:12px;color:#fbbf24;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.edit-btn{background:var(--bg-darker);color:var(--text-secondary)}.edit-btn:hover{background:var(--primary-red);color:#fff}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef444433}.selected-overlay{align-items:center;background:var(--gradient-primary);border-radius:50%;display:flex;height:30px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:30px}.checkmark{color:#fff;font-size:1.2rem;font-weight:700}.saved-teams-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.saved-teams-modal{animation:slideUp .3s ease-out;background:var(--surface-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:80vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:var(--surface-dark);border-bottom:1px solid var(--surface-border);display:flex;justify-content:space-between;padding:2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:700}.teams-list{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.no-teams{color:var(--text-secondary);padding:3rem;text-align:center}.no-teams p{margin:.5rem 0}.hint{color:var(--text-muted);font-size:.9rem}.saved-team-card{background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:var(--radius-lg);display:flex;gap:2rem;justify-content:space-between;padding:1.5rem;transition:all var(--transition-base)}.saved-team-card:hover{border-color:var(--primary-red);box-shadow:var(--shadow-md);transform:translateX(4px)}.team-info{display:flex;flex:1 1;flex-direction:column;gap:1rem}.team-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.team-description{color:var(--text-secondary);font-size:.9rem;font-style:italic}.team-members{display:flex;flex-wrap:wrap;gap:.5rem}.member-badge{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.member-badge.light{border-left:3px solid #e94560}.member-badge.medium{border-left:3px solid #5e94c7}.member-badge.heavy{border-left:3px solid #3d3564}.member-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.member-class{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.member-weapon{color:var(--text-secondary);font-size:.85rem}.team-stats{display:flex;flex-wrap:wrap;gap:1rem}.stat{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:20px;color:var(--text-secondary);font-size:.85rem;padding:.25rem .75rem}.team-date{color:var(--text-muted);font-size:.85rem}.team-actions{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.delete-team-btn,.load-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-fast);white-space:nowrap}.load-btn{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:#fff}.load-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.delete-team-btn{background:#ef44441a;color:#ef4444}.delete-team-btn:hover{background:#ef444433}@media (max-width:768px){.saved-teams-overlay{padding:1rem}.saved-team-card{flex-direction:column}.team-actions{flex-direction:row;width:100%}.delete-team-btn,.load-btn{flex:1 1}}.premium-gate{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.premium-gate-content{background:var(--surface-dark);border:2px solid var(--primary-red);border-radius:var(--radius-xl);max-width:600px;overflow:hidden;padding:3rem;position:relative;width:100%}.premium-gate-content:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.premium-header{margin-bottom:1.5rem;text-align:center}.premium-badge{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem 1rem}.premium-header h2{color:var(--text-primary);font-size:2.5rem;margin:0}.premium-message{color:var(--text-secondary);font-size:1.2rem}.premium-message,.pricing-info{margin-bottom:2rem;text-align:center}.price{display:inline-flex;gap:.25rem}.currency{color:var(--text-secondary);font-weight:600}.amount{color:var(--primary-red);font-size:3rem;font-weight:800}.period{color:var(--text-secondary)}.trial-info{color:var(--success-green);font-size:1rem;font-weight:600;margin-top:.5rem}.premium-benefits{background:var(--bg-darker);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.premium-benefits h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;text-align:center}.premium-benefits ul{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.premium-benefits li{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem}.check-icon{color:var(--success-green);flex-shrink:0;font-size:1.2rem;font-weight:700}.premium-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.btn-premium{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all var(--transition-fast)}.btn-premium:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-premium:hover:before{height:300px;width:300px}.btn-premium:hover{box-shadow:0 6px 20px #e9456066;transform:translateY(-2px)}.current-limits{background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:1rem;text-align:left}.limits-title{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.current-limits ul{list-style:none;margin:0;padding:0}.current-limits li{color:var(--text-muted);font-size:.9rem;padding:.25rem 0}@media (max-width:768px){.premium-gate-content{padding:2rem}.premium-header h2{font-size:2rem}.amount{font-size:2.5rem}.premium-actions{flex-direction:column}.btn-premium,.btn-secondary{width:100%}}.team-optimizer{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.team-optimizer h1{font-size:3rem;font-weight:800;margin-bottom:3rem;text-align:center}.advanced-options{background:linear-gradient(135deg,#4c78a80d,#e945600d);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.option-row{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.option-toggle{flex:1 1;gap:1rem;min-width:280px}.option-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{cursor:pointer;font-weight:600}.toggle-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:.5rem;width:18px}.toggle-text{color:var(--text-primary);font-size:1.1rem}.map-selector{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.95rem;padding:.5rem}.map-info-box{background:linear-gradient(135deg,#2ed5731a,#4c78a81a);border:1px solid #2ed5734d;border-radius:var(--radius-md);margin:1rem 0;padding:1rem}.map-info-box h4{color:var(--primary-blue);margin-bottom:.5rem}.map-info-box p{color:var(--text-secondary);margin-bottom:.5rem}.strategy-tip{background:#ffffff0d;border-radius:var(--radius-sm);color:var(--text-primary);font-style:italic;padding:.5rem}.enemy-team-input{background:#e945600d;border:1px solid #e9456033;border-radius:var(--radius-md);margin-top:1.5rem;padding:1.5rem}.enemy-team-input h3{color:var(--primary-red);font-size:1.3rem;margin-bottom:1rem}.enemy-players{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.enemy-player-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:350px;padding:1rem}.enemy-player-card h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.75rem}.enemy-class-select,.enemy-specialization-select,.enemy-weapon-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;margin-bottom:.5rem;padding:.5rem;width:100%}.enemy-gadgets-section{background:var(--bg-primary);border-radius:var(--radius-sm);margin-top:.75rem;padding:.5rem}.gadgets-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.gadget-checkboxes{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr;max-height:150px;overflow-y:auto}.gadget-checkbox{align-items:center;cursor:pointer;display:flex;padding:.25rem;transition:background var(--transition-fast)}.gadget-checkbox:hover{background:#4c78a81a;border-radius:var(--radius-sm)}.gadget-checkbox input[type=checkbox]{cursor:pointer;height:16px;margin-right:.5rem;width:16px}.gadget-checkbox span{color:var(--text-primary);font-size:.85rem}.counter-hint{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:var(--radius-sm);color:#ffc107;font-size:.9rem;font-weight:500;padding:.5rem}.counter-strategy,.map-strategy{background:linear-gradient(135deg,#4c78a81a,#2ed5731a);border-radius:var(--radius-sm);margin-top:.5rem;padding:.75rem}.save-dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.save-dialog{animation:slideIn .3s ease-out;background:var(--bg-secondary);border:2px solid var(--primary-blue);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080,0 0 100px #4c78a833;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.save-dialog-header{align-items:center;background:linear-gradient(135deg,#4c78a81a,#e945601a);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.save-dialog-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-btn{border-radius:var(--radius-sm);height:32px;padding:0;width:32px}.close-btn:hover{background:#e9456033}.save-dialog-content{padding:1.5rem}.team-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.preview-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.preview-classes{display:flex;flex-wrap:wrap;gap:.5rem}.class-badge{border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.class-badge.light{background:#2ed57333;border:1px solid #2ed57366;color:#2ed573}.class-badge.medium{background:#4c78a833;border:1px solid #4c78a866;color:#4c78a8}.class-badge.heavy{background:#e9456033;border:1px solid #e9456066;color:#e94560}.form-group{position:relative}.form-group label{color:var(--text-primary);font-size:.95rem}.form-group .required{color:var(--primary-red);font-weight:700}.form-group .optional{color:var(--text-secondary);font-size:.85rem;font-weight:400}.form-group input,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #4c78a81a;outline:none}.form-group textarea{font-family:inherit;min-height:100px}.char-count{bottom:.5rem;color:var(--text-secondary);font-size:.8rem;position:absolute;right:.75rem}.team-stats-preview{background:linear-gradient(135deg,#4c78a80d,#2ed5730d);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:1.5rem;padding:1rem}.stats-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stats-grid .stat{text-align:center}.stat-name{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.25rem}.stat-value{color:var(--primary-blue);display:block;font-size:1.1rem;font-weight:700}.dialog-actions{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.dialog-actions .cancel-btn{background:#0000;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.dialog-actions .cancel-btn:hover{background:#ffffff0d;border-color:var(--text-secondary)}.dialog-actions .save-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:all var(--transition-fast)}.dialog-actions .save-btn:hover:not(:disabled){box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.dialog-actions .save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.save-dialog{margin:0 .5rem;max-width:100%}.stats-grid{grid-template-columns:1fr}.dialog-actions,.preview-classes{flex-direction:column}.dialog-actions button{width:100%}}.usage-banner{background:linear-gradient(135deg,#e945601a,#4c78a81a);border:2px solid var(--primary-red);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem;text-align:center}.usage-banner p{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.usage-banner strong{color:var(--primary-red);font-weight:700}.usage-banner .upgrade-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all var(--transition-fast)}.usage-banner .upgrade-btn:hover{box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.input-section{background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:3rem;padding:2.5rem}.input-section h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:2rem;padding-left:20px;position:relative}.input-section h2:before{background:var(--gradient-primary);border-radius:2px;content:"";height:80%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.player-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2.5rem}.optimize-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 auto;overflow:hidden;padding:1.25rem 3rem;position:relative;text-transform:uppercase;transition:all var(--transition-base)}.optimize-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.optimize-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-3px)}.optimize-btn:hover:not(:disabled):before{left:100%}.optimize-btn:active:not(:disabled){transform:translateY(-1px)}.optimize-btn:disabled{background:var(--surface-dark);cursor:not-allowed;opacity:.5}.results-section{animation:slideUp .5s ease-out;background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:3rem;padding:3rem}.results-section h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2.5rem;position:relative;text-align:center}.results-section h2:after{background:var(--gradient-primary);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.team-builds{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.team-optimizer{padding:1rem}.team-optimizer h1{font-size:2rem}.input-section{padding:1.5rem}.player-cards{gap:1.5rem}.player-cards,.team-builds{grid-template-columns:1fr}.optimize-btn{padding:1rem 2rem;width:100%}}.team-explanation-section{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f133;border-radius:var(--radius-xl);margin-top:3rem;padding:2.5rem}.explanation-header{align-items:center;border-bottom:2px solid var(--surface-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.explanation-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.toggle-explanation-btn{background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all var(--transition-base)}.toggle-explanation-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.explanation-content{grid-gap:2rem;animation:slideDown .3s ease-out;display:grid;gap:2rem}.team-overview{background:var(--surface-elevated);border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:1.5rem}.team-overview h4{color:var(--primary);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.team-overview p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.team-considerations,.team-strengths{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:1.5rem}.team-strengths{border-left:4px solid #10b981}.team-considerations{border-left:4px solid #f59e0b}.team-strengths h4{color:#10b981}.team-considerations h4,.team-strengths h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.team-considerations h4{color:#f59e0b}.team-considerations ul,.team-strengths ul{list-style:none;margin:0;padding:0}.team-considerations li,.team-strengths li{align-items:flex-start;color:var(--text-secondary);display:flex;gap:.5rem;line-height:1.5;padding:.5rem 0}.team-details{grid-gap:1rem;background:var(--surface-elevated);border-radius:var(--radius-lg);display:grid;gap:1rem;padding:1.5rem}.detail-item{color:var(--text-secondary);gap:.75rem;line-height:1.6}.detail-item strong{color:var(--text-primary);min-width:140px}.player-explanations{background:#00000008;border-radius:var(--radius-lg);margin-top:2rem;padding:2rem}.player-explanations h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.player-explanation{background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem;transition:all var(--transition-base)}.player-explanation:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.player-explanation h5{border-bottom:1px solid var(--surface-border);color:var(--primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.explanation-details{grid-gap:.75rem;display:grid;gap:.75rem}.explanation-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;line-height:1.5}.explanation-item .label{color:var(--text-primary);font-weight:600;min-width:120px}.gadget-explanations{grid-gap:.25rem;display:grid;gap:.25rem;list-style:none;margin:0;padding:0}.gadget-explanations li{padding:.25rem 0 .25rem 1rem;position:relative}.gadget-explanations li:before{color:var(--primary);content:"•";left:0;position:absolute}.explanation-item.synergies ul{list-style:none;margin:.25rem 0 0;padding:0}.explanation-item.synergies li{color:#10b981;padding:.25rem 0 .25rem 1rem;position:relative}.explanation-item.synergies li:before{content:"⚡";left:0;position:absolute}@media (max-width:768px){.team-explanation-section{margin-top:2rem;padding:1.5rem}.explanation-header{align-items:flex-start;flex-direction:column;gap:1rem}.player-explanation,.team-considerations,.team-details,.team-overview,.team-strengths{padding:1rem}.detail-item,.explanation-item{flex-direction:column;gap:.25rem}.explanation-item .label{min-width:0;min-width:auto}}.build-card{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-base)}.build-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.build-card:hover{border-color:var(--primary-red);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.build-card:hover:before{transform:scaleX(1)}.build-header{align-items:center;margin-bottom:1.5rem}.build-header h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.meta-score{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:.4rem .8rem;text-transform:uppercase}.meta-score.score-s{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b9814d;color:#fff}.meta-score.score-a{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 20px #3b82f64d;color:#fff}.meta-score.score-b{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 20px #f59e0b4d;color:#fff}.meta-score.score-c{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef44444d;color:#fff}.meta-score.score-d{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 0 20px #6b72804d;color:#fff}.build-info{display:flex;flex-direction:column;gap:1rem}.info-row{background:var(--bg-darker);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;padding:.75rem;transition:all var(--transition-fast)}.info-row:hover{background:var(--bg-dark)}.info-row .label{font-size:.8rem;font-weight:600;letter-spacing:.5px}.info-row .value{color:var(--text-primary);font-size:1.05rem}.gadgets{flex-wrap:wrap}.gadget{background:var(--gradient-primary);border-radius:20px;box-shadow:var(--shadow-sm);color:#fff;padding:.35rem .9rem;transition:all var(--transition-fast)}.gadget:hover{box-shadow:0 0 15px #e9456066;transform:translateY(-2px) scale(1.05)}.description{border-top:1px solid var(--surface-border);color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.build-card{padding:1.5rem}.build-header h3{font-size:1.2rem}.meta-score{font-size:1rem}}.builds-page{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.builds-page h1{font-size:3rem;font-weight:800;margin-bottom:3rem;text-align:center}.controls{background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem;padding:2rem}.search-input{min-width:350px;padding:1rem 1.5rem}.search-input:focus{background:var(--bg-dark)}.sort-select{border-radius:var(--radius-lg);font-size:1rem;min-width:200px;padding:1rem 1.5rem}.sort-select option{background:var(--bg-darker);color:var(--text-primary)}.loading{gap:1rem}.loading:after{animation:spin 1s linear infinite;border:3px solid var(--primary-red);border-radius:50%;border-top:3px solid #0000;content:"";height:30px;width:30px}.builds-grid{animation:slideUp .5s ease-out}@media (max-width:768px){.builds-page{padding:1rem}.builds-page h1{font-size:2rem}.controls{gap:1rem;padding:1.5rem}.search-input,.sort-select{min-width:100%}.builds-grid{gap:1.5rem;grid-template-columns:1fr}}.build-editor-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.build-editor{animation:slideUp .3s ease-out;background:var(--surface-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.editor-header{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.editor-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:700}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.close-btn:hover{background:var(--surface-hover);color:var(--primary-red)}.build-editor form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg-darker);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-dark);border-color:var(--primary-red);box-shadow:0 0 0 4px #e945601a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.class-selector{display:flex;gap:1rem}.class-btn{background:var(--bg-darker);border:2px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:600;padding:1rem;text-transform:uppercase;transition:all var(--transition-fast)}.class-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-red)}.class-btn.active{border-color:var(--primary-red);color:var(--text-primary)}.class-btn.light.active{background:#e945601a;border-color:#e94560}.class-btn.medium.active{background:#5e94c71a;border-color:#5e94c7}.class-btn.heavy.active{background:#3d35641a;border-color:#3d3564}.class-btn:disabled{cursor:not-allowed;opacity:.5}.gadgets-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.error{color:var(--primary-red);display:block;font-size:.85rem;margin-top:.25rem}.editor-actions{border-top:1px solid var(--surface-border);display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem}.cancel-btn,.save-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all var(--transition-base)}.cancel-btn{background:var(--surface-border);color:var(--text-secondary)}.cancel-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.save-btn{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:#fff}.save-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (max-width:768px){.build-editor-overlay{padding:1rem}.build-editor{max-height:100vh}.gadgets-row{grid-template-columns:1fr}.class-selector{flex-direction:column}}.auth-gate{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.auth-gate-content{background:var(--surface-dark);border:2px solid var(--surface-border);border-radius:var(--radius-xl);max-width:500px;padding:3rem;text-align:center;width:100%}.auth-gate-content h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.auth-message{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.auth-benefits{background:var(--bg-darker);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem;text-align:left}.auth-benefits h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.auth-benefits ul{list-style:none;margin:0;padding:0}.auth-benefits li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.auth-benefits li:before{color:var(--success-green);content:"✓";font-weight:700;left:0;position:absolute}.auth-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.auth-actions button{flex:1 1;max-width:200px}.btn-primary{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all var(--transition-fast)}.btn-primary:hover{box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary-red)}.auth-note{color:var(--text-muted);font-size:.9rem;margin:0}@media (max-width:768px){.auth-gate-content{padding:2rem}.auth-actions{flex-direction:column}.auth-actions button{max-width:100%}}.my-builds{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.builds-header{margin-bottom:3rem;text-align:center}.builds-header h1{font-size:3rem;font-weight:800;margin-bottom:.5rem}.builds-header .subtitle{color:var(--text-secondary);font-size:1.1rem}.error-message{background:#e945601a;border:1px solid #e945604d;color:var(--primary-red-light);padding:1rem 1.5rem}.close-error{align-items:center;border-radius:50%;color:var(--primary-red);display:flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.close-error:hover{background:#e9456033}.builds-controls{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.class-filter{background:var(--surface-dark);border-radius:var(--radius-lg);gap:.5rem;padding:.5rem}.class-filter button{background:#0000;border:none;padding:.75rem 1.5rem}.class-filter button:hover{color:var(--text-primary)}.create-build-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all var(--transition-base)}.create-build-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.no-builds{border:2px dashed var(--surface-border);border-radius:var(--radius-lg)}.no-builds h3{margin-bottom:.5rem}.builds-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.my-builds{padding:1rem}.builds-header h1{font-size:2rem}.builds-controls{align-items:stretch;flex-direction:column}.class-filter{justify-content:center}.builds-grid{grid-template-columns:1fr}}.weapon-selector{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.selector-header{margin-bottom:1.5rem}.selector-header h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.selector-controls{display:flex;gap:1rem}.search-input{border:2px solid #0000;border-radius:var(--radius-md);font-size:.95rem;padding:.75rem}.search-input:focus{box-shadow:0 0 0 4px #e945601a}.sort-select{background:var(--bg-darker);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.75rem;transition:all var(--transition-fast)}.sort-select:hover{background:var(--bg-dark);border-color:var(--primary-red)}.sort-select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px #e945601a;outline:none}.weapon-grid{grid-gap:1rem;align-items:start;box-sizing:border-box;display:grid;gap:1rem;grid-auto-rows:minmax(320px,auto);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:600px;overflow-y:auto;padding-right:.5rem}.weapon-grid::-webkit-scrollbar{width:8px}.weapon-grid::-webkit-scrollbar-track{background:var(--bg-darker);border-radius:4px}.weapon-grid::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.weapon-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-red)}.weapon-grid{scrollbar-color:var(--surface-border) var(--bg-darker);scrollbar-width:thin}.weapon-grid:hover{scrollbar-color:var(--primary-red) var(--bg-darker)}.weapon-card{background:var(--bg-darker);border:2px solid var(--surface-border);border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-height:320px;overflow:visible;padding:1rem;position:relative;transition:all var(--transition-fast)}.weapon-image-container{align-items:center;background:linear-gradient(135deg,#ffffff05,#fff0);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:80px;justify-content:center;margin-bottom:.75rem;min-height:80px;overflow:hidden;width:100%}.weapon-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;max-width:100%;object-fit:contain;transition:transform var(--transition-base);width:auto}.weapon-card:hover .weapon-image{transform:scale(1.1)}.weapon-image-placeholder{align-items:center;background:linear-gradient(135deg,#e945601a,#e945600d);border-radius:var(--radius-sm);display:flex;height:100%;justify-content:center;width:100%}.weapon-icon{color:var(--text-muted);font-size:2rem;font-weight:700;opacity:.5}.weapon-card.light{border-left:4px solid #e94560}.weapon-card.medium{border-left:4px solid #5e94c7}.weapon-card.heavy{border-left:4px solid #3d3564}.weapon-card:hover:not(.disabled){box-shadow:var(--shadow-md);transform:translateY(-4px)}.weapon-card.selected,.weapon-card:hover:not(.disabled){background:var(--bg-dark);border-color:var(--primary-red)}.weapon-card.selected{box-shadow:0 0 20px #e9456033}.weapon-card.disabled{cursor:not-allowed;opacity:.5}.weapon-card-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:.75rem;min-height:32px}.weapon-card-header h4{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;line-height:1.2;margin:0;overflow:hidden;padding-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.meta-badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.meta-badge.meta-s{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 10px #10b9814d;color:#fff}.meta-badge.meta-a{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 10px #3b82f64d;color:#fff}.meta-badge.meta-b{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b4d;color:#fff}.meta-badge.meta-c{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef44444d;color:#fff}.meta-badge.meta-d{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.weapon-card-info{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem;margin-top:.5rem}.info-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;line-height:1.4;padding:.15rem 0}.info-row .label{color:var(--text-muted);font-size:.75rem;letter-spacing:.3px;text-transform:uppercase}.info-row .value{color:var(--text-secondary);font-weight:500}.info-row .value.class-light{color:#e94560}.info-row .value.class-medium{color:#5e94c7}.info-row .value.class-heavy{color:#3d3564}.selected-indicator{background:var(--gradient-primary);border-radius:0 var(--radius-md) 0 var(--radius-md);box-shadow:var(--shadow-sm);padding:.25rem .75rem;position:absolute;right:0;top:0;z-index:10}.selected-indicator span{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.weapon-grid{grid-template-columns:1fr;max-height:400px}.selector-controls{flex-direction:column}}.weapon-stats-table{border-radius:var(--radius-md);overflow-x:auto}.weapon-stats-table table{border-collapse:initial;border-spacing:0;width:100%}.weapon-stats-table td,.weapon-stats-table th{border-bottom:1px solid var(--surface-border);padding:1rem;text-align:left}.weapon-stats-table thead tr{background:var(--bg-darker)}.weapon-stats-table thead th{background:var(--bg-darker);color:var(--text-primary);font-size:.85rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.weapon-header{display:flex;flex-direction:column;gap:.25rem}.weapon-header .weapon-name{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:normal;text-transform:none}.weapon-class-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.weapon-class-badge.light{background:#e9456033;border:1px solid #e945604d;color:#e94560}.weapon-class-badge.medium{background:#5e94c733;border:1px solid #5e94c74d;color:#5e94c7}.weapon-class-badge.heavy{background:#3d356433;border:1px solid #3d35644d;color:#8b859e}.weapon-stats-table tbody tr{transition:background var(--transition-fast)}.weapon-stats-table tbody tr:hover{background:#e945600d}.weapon-stats-table tbody td{color:var(--text-secondary);font-size:.95rem}.stat-label{color:var(--text-muted)!important;font-size:.9rem!important;font-weight:500}.best-value{color:var(--primary-red)!important;font-weight:600;position:relative}.best-value:before{color:var(--primary-red);content:"★";font-size:.75rem;left:.25rem;position:absolute}.separator td{background:var(--bg-darker);border-bottom:2px solid var(--surface-border)!important;padding:.25rem!important}.meta-score-cell{border-radius:var(--radius-sm);display:inline-block;font-weight:600;padding:.25rem .75rem}.meta-score-cell.score-s{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.meta-score-cell.score-a{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.meta-score-cell.score-b{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.meta-score-cell.score-c{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.meta-score-cell.score-d{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}@media (max-width:768px){.weapon-stats-table{font-size:.85rem}.weapon-stats-table td,.weapon-stats-table th{padding:.5rem}.weapon-header .weapon-name{font-size:.85rem}}.weapon-comparison{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1600px;padding:2rem}.comparison-header{margin-bottom:3rem;text-align:center}.comparison-header h1{font-size:3rem;font-weight:800;margin-bottom:.5rem}.comparison-header .subtitle{color:var(--text-secondary);font-size:1.2rem}.controls-section{margin-bottom:2rem}.filter-controls{align-items:flex-end;background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;padding:2rem}.control-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}.control-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.control-select{background:var(--bg-darker);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;transition:all var(--transition-fast)}.control-select:hover{background:var(--bg-dark);border-color:var(--primary-red)}.control-select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px #e945601a;outline:none}.clear-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all var(--transition-base)}.clear-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.comparison-layout{grid-gap:2rem;display:grid;gap:2rem}.comparison-content{display:flex;flex-direction:column;gap:2rem}.selected-weapons{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.selected-weapons h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.selected-list{display:flex;flex-wrap:wrap;gap:1rem}.selected-weapon{align-items:center;background:var(--bg-darker);border:2px solid #0000;border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.selected-weapon.light{border-color:#e945604d}.selected-weapon.medium{border-color:#5e94c74d}.selected-weapon.heavy{border-color:#3d35644d}.selected-weapon:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.weapon-name{color:var(--text-primary);font-weight:600}.weapon-class{color:var(--text-muted);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.remove-btn{align-items:center;background:var(--primary-red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;margin-left:auto;transition:all var(--transition-fast);width:24px}.remove-btn:hover{background:var(--primary-red-light);transform:scale(1.1)}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-container{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.chart-container.full-width{grid-column:1/-1}.chart-container h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.stats-section{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.stats-section h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem}.custom-tooltip{background:var(--bg-darker);border:1px solid var(--primary-red);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem}.tooltip-label{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.tooltip-value{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.tooltip-class{color:var(--text-muted);font-size:.85rem;letter-spacing:.5px;margin-top:.5rem;text-transform:uppercase}.loading{font-size:1.5rem;font-weight:500;margin-top:4rem;text-align:center}@media (max-width:768px){.weapon-comparison{padding:1rem}.comparison-header h1{font-size:2rem}.filter-controls{flex-direction:column;padding:1.5rem}.control-group{width:100%}.charts-section{grid-template-columns:1fr}}.community-build-card{background:var(--surface-dark);border:2px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-base)}.community-build-card:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-base);width:4px}.community-build-card.light:before{background:linear-gradient(180deg,#e94560,#d63350)}.community-build-card.medium:before{background:linear-gradient(180deg,#5e94c7,#4a5f8b)}.community-build-card.heavy:before{background:linear-gradient(180deg,#3d3564,#2d2550)}.community-build-card:hover:before{opacity:1}.build-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.build-creator{align-items:center;background:#6366f10d;border:1px solid #6366f11a;border-radius:var(--radius-md);display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem}.creator-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.creator-name{color:var(--primary);font-size:.9rem;font-weight:600}.build-title{align-items:center;display:flex;gap:1rem}.build-title h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.rating-info{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.average-rating{color:#fbbf24;font-size:1.1rem;font-weight:600}.total-ratings{color:var(--text-muted);font-size:.85rem}.build-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-item{align-items:center;display:flex;gap:.5rem}.detail-item .label,.gadgets .label{color:var(--text-secondary);font-size:.9rem;font-weight:500;min-width:100px}.detail-item .value{color:var(--text-primary);font-weight:500}.gadgets{align-items:flex-start}.gadget-list,.gadgets{display:flex;gap:.5rem}.gadget-list{flex-wrap:wrap}.gadget{background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:12px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:.25rem .75rem}.build-description{color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.5;margin-top:1rem}.build-description,.rating-section{border-top:1px solid var(--surface-border);padding-top:1rem}.rating-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rate-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.star-rating{display:flex;gap:.25rem}.star-btn{background:none;border:none;cursor:pointer;filter:grayscale(100%) brightness(.7);font-size:1.5rem;padding:0;transition:all var(--transition-fast)}.star-btn.filled{filter:none}.star-btn:hover{transform:scale(1.2)}.star-btn.disabled{cursor:not-allowed;opacity:.5}.user-rating-text{color:var(--text-muted);font-size:.85rem;font-style:italic;margin-left:auto}@media (max-width:768px){.build-header{flex-direction:column;gap:1rem}.rating-info,.rating-section{align-items:flex-start}.rating-section{flex-direction:column}.user-rating-text{margin-left:0}}.community-builds{margin:0 auto;max-width:1400px;padding:2rem}.page-header h1{background:var(--gradient-primary);text-shadow:0 2px 10px #e945604d}.auth-notice{align-items:center;background:linear-gradient(135deg,#e945601a,#4c78a81a);border:2px solid var(--primary-red);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.auth-notice p{color:var(--text-primary);margin:0}.auth-notice strong{color:var(--primary-red)}.sign-in-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all var(--transition-fast)}.sign-in-btn:hover{box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.search-section{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.search-input{background:var(--bg-darker);border:2px solid var(--surface-border);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem 1.25rem;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px #e945601a;outline:none}.search-input::placeholder{color:var(--text-muted)}.clear-search{background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.clear-search:hover{background:var(--surface-hover);border-color:var(--primary-red);color:var(--primary-red)}.filters-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.filter-row{flex-wrap:wrap;gap:2rem}.class-filter,.filter-row{align-items:center;display:flex}.class-filter{gap:.75rem}.class-filter label,.sort-filter label,.spec-filter label,.weapon-filter label{color:var(--text-secondary);font-weight:600;min-width:-webkit-fit-content;min-width:fit-content}.filter-buttons{display:flex;gap:.5rem}.class-filter button{background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:all var(--transition-fast)}.class-filter button:hover{background:var(--surface-hover);transform:translateY(-2px)}.class-filter button.active{background:var(--gradient-primary);border-color:var(--primary-red);color:#fff}.class-filter .light-filter.active{background:linear-gradient(135deg,#e94560,#d63350)}.class-filter .medium-filter.active{background:linear-gradient(135deg,#5e94c7,#4a5f8b)}.class-filter .heavy-filter.active{background:linear-gradient(135deg,#3d3564,#2d2550)}.sort-filter,.spec-filter,.weapon-filter{align-items:center;display:flex;gap:.75rem}.sort-filter select,.spec-filter select,.weapon-filter select{background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-fast)}.sort-filter select:hover,.spec-filter select:hover,.weapon-filter select:hover{border-color:var(--primary-red)}.sort-filter select:focus,.spec-filter select:focus,.weapon-filter select:focus{border-color:var(--primary-red);box-shadow:0 0 0 2px #e9456033;outline:none}.filter-status{align-items:center;background:var(--bg-darker);border:1px solid var(--surface-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem 1rem}.filter-status span{color:var(--text-secondary);font-weight:500}.clear-filters{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all var(--transition-fast)}.clear-filters:hover{box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.builds-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:768px){.community-builds{padding:1rem}.search-section{flex-direction:column}.clear-search,.search-input{width:100%}.filter-row{flex-direction:column;width:100%}.class-filter,.sort-filter,.spec-filter,.weapon-filter{align-items:stretch;flex-direction:column;width:100%}.filter-buttons{justify-content:space-between;width:100%}.class-filter button{flex:1 1;padding:.5rem .75rem}.sort-filter select,.spec-filter select,.weapon-filter select{width:100%}.filter-status{flex-direction:column;gap:1rem;text-align:center}.clear-filters{width:100%}.builds-grid{grid-template-columns:1fr}}.top10-builds{margin:0 auto;max-width:1400px;padding:2rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 20px #fbbf2466}.page-header .subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.class-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.tab{align-items:center;background:var(--bg-darker);border:2px solid var(--surface-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all var(--transition-base)}.tab:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.tab.active{border-color:#0000;color:#fff}.light-tab.active{background:linear-gradient(135deg,#e94560,#d63350);box-shadow:0 4px 20px #e9456066}.medium-tab.active{background:linear-gradient(135deg,#5e94c7,#4a5f8b);box-shadow:0 4px 20px #5e94c766}.heavy-tab.active{background:linear-gradient(135deg,#3d3564,#2d2550);box-shadow:0 4px 20px #3d356466}.tab-icon{font-size:1.3rem}.build-count{color:var(--text-muted);font-size:.9rem;font-weight:400}.tab.active .build-count{color:#fffc}.ranked-builds{display:flex;flex-direction:column;gap:2rem}.ranked-build-wrapper{align-items:stretch;display:flex;gap:1rem;position:relative}.rank-badge{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:2.5rem;justify-content:center;left:-3rem;position:absolute;top:1rem;width:2.5rem;z-index:1}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 20px #fbbf2480;font-size:1.5rem;height:3rem;width:3rem}.rank-badge.rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 4px 20px #cbd5e180;font-size:1.4rem;height:2.75rem;width:2.75rem}.rank-badge.rank-3{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 20px #f59e0b80;font-size:1.3rem;height:2.6rem;width:2.6rem}.ranked-build-wrapper .community-build-card{flex:1 1;margin-left:4rem}.ranked-build-wrapper:first-child .community-build-card{border-color:#fbbf24;box-shadow:0 0 30px #fbbf2433}.ranked-build-wrapper:nth-child(2) .community-build-card{border-color:#94a3b8;box-shadow:0 0 20px #94a3b833}.ranked-build-wrapper:nth-child(3) .community-build-card{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b33}.leaderboard-info{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-xl);margin-top:4rem;padding:2rem}.leaderboard-info h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.leaderboard-info ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.leaderboard-info li{color:var(--text-secondary);padding-left:1.5rem;position:relative}.leaderboard-info li:before{color:var(--primary-red);content:"✓";font-weight:700;left:0;position:absolute}.no-builds{background:var(--surface-dark);border-radius:var(--radius-xl);margin:2rem 0;padding:4rem 2rem;text-align:center}.no-builds h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.no-builds p{color:var(--text-secondary);font-size:1.1rem}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#ef4444;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.close-error{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}@media (max-width:768px){.top10-builds{padding:1rem}.class-tabs{flex-direction:column;width:100%}.tab{justify-content:center;width:100%}.rank-badge{margin-bottom:1rem;position:static}.ranked-build-wrapper{align-items:center;flex-direction:column}.ranked-build-wrapper .community-build-card{margin-left:0;width:100%}}.profile-page{background:linear-gradient(135deg,#6366f108,#8b5cf608);min-height:calc(100vh - 80px);padding:2rem}.profile-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:800px}.profile-container h1{color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:2rem;text-align:center}.profile-content{grid-gap:2rem;display:grid;gap:2rem}.profile-section{background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem}.profile-section h2{border-bottom:2px solid var(--surface-border);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.section-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.profile-field{margin-bottom:1.25rem}.profile-field label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.field-value{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.1rem;padding:.75rem}.display-name-input-group{margin-bottom:1.5rem}.display-name-input{background:var(--surface);border:2px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem;padding:1rem;transition:all var(--transition-base);width:100%}.display-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.display-name-input.available{border-color:#10b981}.display-name-input.unavailable{border-color:#ef4444}.input-feedback{margin-bottom:.75rem;min-height:24px}.checking{color:var(--text-secondary);font-size:.9rem;font-style:italic}.available-message{color:#10b981;font-size:.9rem;font-weight:500}.unavailable-message{color:#ef4444;font-size:.9rem;font-weight:500}.display-name-requirements{background:#6366f10d;border:1px solid #6366f11a;border-radius:var(--radius-md);padding:.75rem}.display-name-requirements small{color:var(--text-secondary);line-height:1.6}.save-profile-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all var(--transition-base)}.save-profile-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.save-profile-btn:active:not(:disabled){transform:translateY(0)}.save-profile-btn:disabled{background:var(--surface-dark);cursor:not-allowed;opacity:.5}.save-message{animation:slideDown .3s ease-out;border-radius:var(--radius-md);font-weight:500;margin-top:1rem;padding:.75rem 1rem}.save-message.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.save-message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.current-display-name{background:#6366f10d;border:1px solid #6366f11a;border-radius:var(--radius-md);color:var(--text-primary);margin-top:1.5rem;padding:1rem}.current-display-name strong{color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-page{padding:1rem}.profile-container h1{font-size:2rem}.profile-section{padding:1.5rem}.profile-section h2{font-size:1.25rem}.save-profile-btn{width:100%}}.email-verification-page{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);display:flex;justify-content:center;min-height:100vh;padding:2rem}.verification-container{animation:slideUp .5s ease-out;background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;padding:3rem 2rem;text-align:center;width:100%}.verification-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:1.5rem}.verification-container h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem}.verification-content{display:flex;flex-direction:column;gap:1.5rem}.main-text{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.email-display{background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--primary);font-size:1.25rem;font-weight:600;padding:.75rem}.instructions{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:1.5rem;text-align:left}.instructions h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.instructions ol{color:var(--text-secondary);line-height:1.8;margin:0;padding-left:1.5rem}.instructions li{margin-bottom:.5rem}.message{animation:slideDown .3s ease-out;border-radius:var(--radius-md);font-weight:500;padding:1rem}.message.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.message.info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.action-buttons{display:flex;flex-direction:column;gap:1rem}.primary-btn,.secondary-btn{border-radius:var(--radius-md);letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all var(--transition-base)}.primary-btn{background:var(--gradient-primary);box-shadow:var(--shadow-md)}.primary-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.primary-btn:active:not(:disabled){transform:translateY(0)}.secondary-btn{background:var(--surface);border:2px solid var(--surface-border);color:var(--text-primary)}.secondary-btn:hover:not(:disabled){background:var(--surface-dark);border-color:var(--primary);color:var(--primary)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.5}.additional-options{border-top:1px solid var(--surface-border);padding-top:1.5rem}.additional-options p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.link-btn{color:var(--primary);font-size:.9rem;transition:color var(--transition-base)}.link-btn:hover{color:var(--primary-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.verification-container{padding:2rem 1.5rem}.verification-container h1{font-size:1.75rem}.email-display{font-size:1.1rem}.verification-icon{font-size:3rem}.instructions{padding:1rem}.primary-btn,.secondary-btn{padding:.875rem 1.5rem}}.pricing-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:80px 20px 40px}.pricing-header{color:#fff;margin-bottom:60px;text-align:center}.pricing-header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.pricing-header p{font-size:1.2rem;opacity:.95}.billing-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50px;display:inline-flex;margin-top:30px;padding:4px}.billing-toggle button{background:#0000;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;padding:10px 30px;position:relative;transition:all .3s ease}.billing-toggle button.active{background:#fff;color:#667eea;font-weight:600}.savings-badge{background:#10b981;border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;position:absolute;right:-10px;top:-8px}.current-plan-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin:0 auto 40px;max-width:500px;padding:15px 30px;text-align:center}.current-plan-banner p{margin:0}.manage-btn{background:#fff;border:none;border-radius:5px;color:#667eea;cursor:pointer;font-weight:600;padding:8px 20px;transition:transform .2s}.manage-btn:hover{transform:translateY(-2px)}.pricing-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px 30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 30px 60px #00000026;transform:translateY(-10px)}.pricing-card.featured{border:3px solid #667eea;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:14px;font-weight:700;left:50%;padding:5px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.plan-header{border-bottom:2px solid #f3f4f6;margin-bottom:30px;padding-bottom:30px;text-align:center}.plan-header h2{color:#1f2937;font-size:2rem;margin-bottom:20px}.price{align-items:baseline;display:flex;gap:5px;justify-content:center}.currency{color:#6b7280;font-size:1.5rem}.amount{color:#1f2937;font-size:3.5rem;font-weight:700}.period{color:#6b7280;font-size:1.2rem}.annual-savings{color:#10b981;font-weight:600;margin-top:10px}.team-seats{color:#6b7280;font-size:14px;margin-top:10px}.features{list-style:none;margin:0 0 30px;padding:0}.features li{align-items:center;color:#4b5563;display:flex;gap:10px;padding:12px 0}.features li strong{color:#1f2937;font-weight:600}.subscribe-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.pricing-card.free .subscribe-btn{background:#e5e7eb;color:#6b7280}.pricing-card.premium .subscribe-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pricing-card.premium .subscribe-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea66;transform:translateY(-2px)}.pricing-card.team .subscribe-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pricing-card.team .subscribe-btn:hover:not(:disabled){box-shadow:0 10px 20px #f59e0b66;transform:translateY(-2px)}.subscribe-btn.current,.subscribe-btn:disabled{cursor:not-allowed;opacity:.6}.subscribe-btn.current{background:#10b981!important}.pricing-faq{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:80px auto 0;max-width:800px;padding:60px 40px}.pricing-faq h2{color:#1f2937;font-size:2rem;margin-bottom:40px;text-align:center}.faq-item{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:30px}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h3{color:#1f2937;font-size:1.2rem;margin-bottom:10px}.faq-item p{color:#6b7280;line-height:1.6}.pricing-loading{align-items:center;color:#fff;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}@media (max-width:768px){.pricing-header h1{font-size:2rem}.pricing-cards{grid-template-columns:1fr}.pricing-card.featured{transform:none}.current-plan-banner{flex-direction:column;gap:15px}.pricing-faq{padding:40px 20px}}.success-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-page.loading{color:#fff;flex-direction:column;gap:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:600px;padding:60px 40px;text-align:center;width:100%}.success-icon{animation:checkmark .5s ease-in-out;display:inline-flex;margin-bottom:30px}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-container h1{color:#1f2937;font-size:2.5rem;margin-bottom:15px}.success-message{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.premium-features{background:#f9fafb;border-radius:12px;margin-bottom:40px;padding:30px;text-align:left}.premium-features h2{color:#1f2937;font-size:1.3rem;margin-bottom:20px;text-align:center}.premium-features ul{grid-gap:15px;display:grid;gap:15px;list-style:none;margin:0;padding:0}.premium-features li{align-items:center;color:#4b5563;display:flex;font-size:1rem;gap:15px}.feature-icon{font-size:1.5rem;text-align:center;width:30px}.success-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.primary-btn,.secondary-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.secondary-btn{background:#fff;border:2px solid #667eea;color:#667eea}.secondary-btn:hover{background:#f3f4f6;transform:translateY(-2px)}.manage-subscription{border-top:1px solid #e5e7eb;padding-top:20px}.manage-subscription p{color:#6b7280;margin:0}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;transition:color .2s}.link-btn:hover{color:#764ba2}@media (max-width:640px){.success-container{padding:40px 20px}.success-container h1{font-size:2rem}.premium-features{padding:20px}.success-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{animation:fadeIn .5s ease-in-out;flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}@keyframes pageSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.page-container{animation:pageSlide .3s ease-out}@media (max-width:768px){.main-content{padding:1rem}}
/*# sourceMappingURL=main.c45ced9c.css.map*/