@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #0A0E27;--bg-secondary: #131729;--bg-header: #050812;--accent-cyan: #00D9FF;--accent-purple: #7B2FFF;--text-primary: #FFFFFF;--text-secondary: #E8EDF2;--text-muted: #8B95A8;--text-dark: #6B7280;--border-subtle: rgba(0, 217, 255, .1);--border-medium: rgba(0, 217, 255, .15);--border-bright: rgba(0, 217, 255, .3);--font-family: "Inter", sans-serif}html,body,#root{margin:0!important;padding:0!important;width:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.header{position:fixed;top:0;left:0;right:0;z-index:50;background-color:var(--bg-header);border-bottom:1px solid var(--border-medium)}.header-container{max-width:1800px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{font-size:1.5rem;font-weight:800;letter-spacing:.05em;position:relative}.logo-spell{color:var(--text-primary)}.logo-scrims{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(0,217,255,.4))}.logo-underline{position:absolute;bottom:-1rem;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.nav{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-dark);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;position:relative;padding:1.25rem 0;transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-cyan);box-shadow:0 0 10px #00d9ff80;transition:width .2s ease}.nav-link:hover:after{width:100%}.header-buttons{display:flex;align-items:center;gap:1rem}.btn-primary{padding:.5rem 1.5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background-color:var(--accent-cyan);color:#000;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #00d9ff66}.btn-primary:hover{background-color:var(--accent-purple);box-shadow:0 0 25px #7b2fff80}.btn-secondary{padding:.5rem 1.5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background-color:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#00d9ff26;box-shadow:0 0 20px #00d9ff4d}.hero{padding:8rem 2rem 6rem;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.hero-glow-left{position:absolute;top:5rem;left:25%;width:24rem;height:24rem;background:var(--accent-cyan);border-radius:50%;opacity:.2;filter:blur(100px)}.hero-glow-right{position:absolute;bottom:5rem;right:25%;width:24rem;height:24rem;background:var(--accent-purple);border-radius:50%;opacity:.2;filter:blur(100px)}.hero-container{max-width:72rem;margin:0 auto;text-align:center;position:relative;z-index:10}.hero-badge{display:inline-block;margin-bottom:1.5rem;padding:.5rem 1rem;border:1px solid var(--border-bright);background-color:#00d9ff0d}.hero-badge-text{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-cyan)}.hero-title{font-size:3.75rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.hero-title-gradient{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;font-weight:400;max-width:42rem;margin:0 auto 3rem;line-height:1.7;color:var(--text-muted)}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:4rem}.btn-large-primary{padding:1rem 2rem;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background-color:var(--accent-cyan);color:#000;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 0 30px #00d9ff66;display:flex;align-items:center;gap:.5rem}.btn-large-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #00d9ff99}.btn-large-secondary{padding:1rem 2rem;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background-color:transparent;color:var(--accent-purple);border:1px solid var(--accent-purple);cursor:pointer;transition:all .2s ease}.btn-large-secondary:hover{background-color:#7b2fff1a;box-shadow:0 0 20px #7b2fff4d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:48rem;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border-subtle)}.stat-item{text-align:center}.stat-number{font-size:2.25rem;font-weight:900;margin-bottom:.5rem}.stat-number-cyan{color:var(--accent-cyan)}.stat-number-purple{color:var(--accent-purple)}.stat-label{font-size:.875rem;font-weight:500;letter-spacing:.05em;color:var(--text-dark)}.features{padding:6rem 2rem;background-color:var(--bg-secondary)}.features-container{max-width:80rem;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.25rem;font-weight:900;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:1.125rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{padding:1.5rem;background-color:var(--bg-primary);border:1px solid var(--border-subtle);transition:all .3s ease;cursor:pointer}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.features-grid a{text-decoration:none;color:inherit;display:flex;height:100%}.feature-card{display:flex;flex-direction:column;width:100%;height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.feature-description{flex-grow:1}.feature-card:hover{border-color:var(--accent-cyan);box-shadow:0 0 30px #00d9ff33}.feature-icon{width:32px;height:32px;color:var(--accent-cyan);margin-bottom:1rem}.feature-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.feature-description{font-size:.875rem;color:var(--text-muted)}.how-it-works{padding:6rem 2rem;background-color:var(--bg-primary)}.steps-container{max-width:72rem;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step-item{text-align:center;position:relative}.step-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;background-color:var(--bg-secondary);border:2px solid var(--accent-cyan);margin-bottom:1.5rem}.step-number{font-size:3.75rem;font-weight:900;margin-bottom:1rem;opacity:.2;color:var(--accent-cyan)}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.step-description{font-size:.875rem;color:var(--text-muted)}.cta{padding:6rem 2rem;background-color:var(--bg-secondary);position:relative;overflow:hidden}.cta-glow-overlay{position:absolute;inset:0;opacity:.1}.cta-glow-left{position:absolute;top:0;left:25%;width:24rem;height:24rem;background:var(--accent-cyan);border-radius:50%;filter:blur(100px)}.cta-glow-right{position:absolute;bottom:0;right:25%;width:24rem;height:24rem;background:var(--accent-purple);border-radius:50%;filter:blur(100px)}.cta-container{max-width:64rem;margin:0 auto;text-align:center;position:relative;z-index:10}.cta-title{font-size:3rem;font-weight:900;margin-bottom:1.5rem;color:var(--text-primary)}.cta-description{font-size:1.125rem;margin-bottom:2.5rem;color:var(--text-muted)}.btn-cta{padding:1.25rem 3rem;font-size:.875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background-color:var(--accent-cyan);color:#000;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 0 40px #00d9ff80}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 0 60px #00d9ffb3}.footer{padding:3rem 2rem;background-color:var(--bg-header);border-top:1px solid var(--border-subtle)}.footer-container{max-width:80rem;margin:0 auto;text-align:center}.footer-logo{font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin-bottom:1.5rem;display:inline-block}.footer-description{font-size:.875rem;margin-bottom:1rem;color:var(--text-dark)}.footer-copyright{font-size:.75rem;color:var(--text-dark)}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}}@media(max-width:768px){.nav{display:none}.hero-title{font-size:2.5rem}.features-grid,.stats{grid-template-columns:1fr}}.header-logo-container{display:flex;align-items:center;gap:3rem}.logo-wrapper{position:relative}.logo-link{text-decoration:none}.loading-text{color:#8b95a8;font-size:.875rem}.user-nickname{color:#8b95a8;margin-right:1rem;font-size:.875rem;font-weight:500}.notfound-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0a0e27;padding:2rem;position:relative;overflow:hidden;font-family:Inter,sans-serif}.notfound-glow-left{position:absolute;top:20%;left:15%;width:24rem;height:24rem;background:#00d9ff;border-radius:50%;opacity:.15;filter:blur(100px);pointer-events:none}.notfound-glow-right{position:absolute;bottom:20%;right:15%;width:24rem;height:24rem;background:#7b2fff;border-radius:50%;opacity:.15;filter:blur(100px);pointer-events:none}.notfound-content{max-width:40rem;width:100%;text-align:center;position:relative;z-index:10}.notfound-error-number{font-size:9rem;font-weight:900;background:linear-gradient(135deg,#00d9ff,#7b2fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1;opacity:.9}.notfound-badge{display:inline-block;margin-bottom:1.5rem;padding:.5rem 1rem;border:1px solid rgba(0,217,255,.3);background-color:#00d9ff0d}.notfound-badge-text{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#00d9ff}.notfound-title{font-size:3rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;color:#fff}.notfound-title-gradient{background:linear-gradient(135deg,#00d9ff,#7b2fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notfound-description{font-size:1.125rem;font-weight:400;max-width:35rem;margin:0 auto 3rem;line-height:1.7;color:#8b95a8}.notfound-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.notfound-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,217,255,.3),transparent);margin-bottom:2rem}.notfound-links{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.notfound-link{color:#6b7280;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.notfound-link:hover{color:#fff}.notfound-link-separator{color:#6b7280;font-size:.875rem}@media(max-width:768px){.notfound-error-number{font-size:6rem}.notfound-title{font-size:2rem}.notfound-description{font-size:1rem}.notfound-buttons{flex-direction:column;width:100%}.notfound-buttons button{width:100%}}@media(max-width:480px){.notfound-error-number{font-size:4.5rem}.notfound-title{font-size:1.5rem}}.onboarding-container{min-height:100vh;background:linear-gradient(180deg,#0a0e27,#131729);padding:5rem 0 3rem;font-family:Inter,sans-serif;position:relative;overflow:hidden}.onboarding-wrapper{max-width:900px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}.form-container{background-color:#131729;border:1px solid rgba(0,217,255,.2);padding:3rem;border-radius:8px;box-shadow:0 20px 60px #00000080;animation:scaleIn .5s ease-out}.step-content{animation:slideIn .4s ease-out}.step-label{display:block;font-size:.875rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.step-label.center{text-align:center}.error-message{color:#f44;font-size:.875rem;margin-top:1rem;display:block}.error-message.center{text-align:center;margin-top:-2rem;margin-bottom:2rem}.error-message.small{font-size:.75rem;margin-top:.5rem;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.progress-section{margin-bottom:3rem;animation:slideIn .5s ease-out}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-step{font-size:.875rem;font-weight:700;color:#00d9ff;letter-spacing:.1em;text-transform:uppercase}.progress-percentage{font-size:.875rem;font-weight:700;color:#8b95a8}.progress-bar-container{width:100%;height:6px;background-color:#00d9ff1a;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#7b2fff);border-radius:10px;transition:width .5s ease;box-shadow:0 0 20px #00d9ff99}.header-section{text-align:center;margin-bottom:3rem;animation:scaleIn .6s ease-out}.header-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:1rem;color:#fff}.header-subtitle{font-size:1.125rem;font-weight:400;color:#8b95a8;max-width:500px;margin:0 auto;line-height:1.7}.navigation-buttons{display:flex;gap:1rem;margin-top:3rem;justify-content:space-between}.btn-previous,.btn-next,.btn-submit{padding:1rem 2rem;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none}.btn-previous{background-color:transparent;color:#00d9ff;border:2px solid #00D9FF}.btn-previous:hover{background-color:#00d9ff1a}.btn-next,.btn-submit{background:linear-gradient(135deg,#00d9ff,#7b2fff);color:#000;box-shadow:0 10px 30px #00d9ff66}.btn-next:hover,.btn-submit:hover{transform:translateY(-2px);box-shadow:0 15px 40px #7b2fff80}.btn-submit{flex:1}.roles-grid-main{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:3rem}.role-card{padding:1.5rem 1rem;background-color:#0a0e27;border:2px solid rgba(0,217,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.role-card:hover{transform:scale(1.05);border-color:#00d9ff}.role-card.selected{background-color:#00d9ff26;border-color:#00d9ff;transform:scale(1.05);box-shadow:0 0 30px #00d9ff66}.role-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(1)}.role-icon{font-size:2.5rem;margin-bottom:.5rem}.role-name{font-size:.875rem;font-weight:700;color:#fff}.role-card.selected .role-name{color:#00d9ff}.ranks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem}.rank-card{padding:1.5rem 1rem;background-color:#0a0e27;border:2px solid rgba(0,217,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.rank-card:hover{transform:scale(1.05)}.rank-card.selected{background-color:#00d9ff26;transform:scale(1.05)}.rank-name{font-size:1rem;font-weight:700;color:#fff}.server-grid{display:flex;gap:1rem}.server-card{flex:1;padding:1.5rem;background-color:#0a0e27;border:2px solid rgba(0,217,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:700;font-size:1.25rem;color:#fff}.server-card:hover{transform:scale(1.05);border-color:#00d9ff}.server-card.selected{background-color:#00d9ff26;border-color:#00d9ff;color:#00d9ff;transform:scale(1.05);box-shadow:0 0 30px #00d9ff66}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d9ff4d}50%{box-shadow:0 0 20px #00d9ff99,0 0 30px #7b2fff66}}.champions-counter{background:linear-gradient(135deg,#0a0e27f2,#0f1432f2);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid rgba(0,217,255,.3);text-align:center;box-shadow:0 4px 15px #0000004d}.counter-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#00d9ff,#7b2fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 0 30px rgba(0,217,255,.5)}.counter-label{font-size:.875rem;color:#8b95a8;font-weight:500}.selected-champions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#0a0e27f2,#0f1432f2);border-radius:12px;border:2px solid rgba(0,217,255,.3);box-shadow:0 4px 15px #0000004d}.champion-badge{padding:.75rem 1rem;background:linear-gradient(135deg,#00d9ff,#7b2fff);color:#000;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;border-radius:8px;animation:scaleIn .3s ease-out backwards;box-shadow:0 4px 10px #0000004d}.champion-badge:hover{transform:scale(1.1) rotate(-2deg);box-shadow:0 8px 25px #7b2fff99,0 0 30px #00d9ff66}.champion-search{width:100%;padding:1rem 1rem 1rem 2.75rem;background-color:#0a0e27;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300D9FF' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:1rem center;background-size:18px;border:2px solid rgba(0,217,255,.2);color:#fff;font-size:.875rem;font-family:Inter,sans-serif;margin-bottom:1rem;border-radius:8px;outline:none;transition:all .3s ease}.champion-search:focus{border-color:#00d9ff80;box-shadow:0 0 15px #00d9ff33;background-color:#0a0e27fa}.champion-search::placeholder{color:#5a6579}.champions-list{max-height:350px;overflow-y:auto;background:linear-gradient(135deg,#0a0e27f2,#0f1432f2);border:2px solid rgba(0,217,255,.2);border-radius:12px;padding:.5rem;box-shadow:inset 0 2px 10px #0000004d}.champions-list::-webkit-scrollbar{width:8px}.champions-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.champions-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d9ff,#7b2fff);border-radius:4px}.champions-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00e5ff,#8b3fff)}.champions-list.error{border-color:#f44;box-shadow:0 0 15px #ff44444d}.champion-item{padding:.875rem;cursor:pointer;background-color:transparent;color:#fff;font-size:.875rem;font-weight:500;transition:all .2s ease;border-radius:8px;margin-bottom:.5rem;border:2px solid transparent;position:relative;overflow:hidden}.champion-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.1),transparent);transition:left .5s ease}.champion-item:hover:before{left:100%}.champion-item:hover{background:linear-gradient(135deg,#00d9ff14,#7b2fff14);border-color:#00d9ff4d;transform:translate(4px)}.champion-item:hover img{transform:scale(1.1) rotate(3deg);filter:brightness(1.2);box-shadow:0 0 20px #00d9ff80,0 0 30px #7b2fff4d}.champion-item.selected{background:linear-gradient(135deg,#00d9ff26,#7b2fff26);color:#00d9ff;border-color:#00d9ff80;animation:glow 2s ease-in-out infinite}.champion-item.selected span{font-weight:700}.champion-item.selected img{border-color:#00d9ff;box-shadow:0 0 15px #00d9ff99,0 0 25px #7b2fff66}.champion-item.selected:hover{background:linear-gradient(135deg,#00d9ff40,#7b2fff40)}.champion-item.disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.7)}.champion-item.disabled:hover{transform:none;background-color:transparent;border-color:transparent}.champion-item.disabled img{filter:grayscale(.8) brightness(.6)}.champion-item img{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid rgba(0,217,255,.2);transition:all .3s ease;box-shadow:0 4px 10px #0006}.error-message{display:block;color:#f44;font-size:.875rem;margin-top:.75rem;padding:.75rem;background:#ff44441a;border-radius:6px;border-left:3px solid #ff4444;font-weight:500}.availability-textarea{width:100%;padding:1rem;background-color:#0a0e27;border:2px solid rgba(0,217,255,.2);color:#fff;font-size:.875rem;font-family:Inter,sans-serif;resize:vertical;outline:none;border-radius:8px}.availability-textarea.error{border-color:#f44}.time-slots-legend{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#00d9ff0d;border-radius:8px;border:1px solid rgba(0,217,255,.2)}.time-slot-info{flex:1;text-align:center}.time-icon{font-size:1.5rem;margin-bottom:.25rem}.time-label{font-size:.75rem;font-weight:700;margin-bottom:.25rem}.time-label.morning{color:#ffe66d}.time-label.afternoon{color:orange}.time-label.night{color:#7b2fff}.time-range{font-size:.7rem;color:#8b95a8}.schedule-grid{background-color:#0a0e27;border:2px solid rgba(0,217,255,.2);border-radius:8px;overflow:hidden}.schedule-grid.error{border-color:#f44}.schedule-header{display:grid;grid-template-columns:120px repeat(3,1fr);background-color:#131729;border-bottom:2px solid rgba(0,217,255,.2)}.schedule-header>div{padding:1rem;font-weight:700;font-size:.75rem;text-align:center}.header-day{color:#8b95a8;text-align:left}.header-morning{color:#ffe66d}.header-afternoon{color:orange}.header-night{color:#7b2fff}.schedule-row{display:grid;grid-template-columns:120px repeat(3,1fr);border-bottom:1px solid rgba(0,217,255,.1);transition:all .3s ease}.schedule-row:last-child{border-bottom:none}.schedule-row.active{background-color:#00d9ff08}.schedule-row.weekend .day-name{background-color:#7b2fff0d}.day-name{padding:1rem;display:flex;align-items:center;font-weight:600;font-size:.875rem;color:#fff;text-transform:capitalize}.schedule-row.active .day-name{color:#00d9ff}.time-slot{padding:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-left:1px solid rgba(0,217,255,.1);transition:all .3s ease}.time-slot:hover{background-color:#00d9ff0d}.time-slot.morning.selected{background-color:#ffe66d33}.time-slot.afternoon.selected{background-color:#ffa50033}.time-slot.night.selected{background-color:#7b2fff33}.slot-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,217,255,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.time-slot.morning .slot-checkbox{border-color:#ffe66d4d}.time-slot.afternoon .slot-checkbox{border-color:#ffa5004d}.time-slot.night .slot-checkbox{border-color:#7b2fff4d}.time-slot.morning.selected .slot-checkbox{border-color:#ffe66d;background-color:#ffe66d;transform:scale(1.2);box-shadow:0 0 15px #ffe66d80}.time-slot.afternoon.selected .slot-checkbox{border-color:orange;background-color:orange;transform:scale(1.2);box-shadow:0 0 15px #ffa50080}.time-slot.night.selected .slot-checkbox{border-color:#7b2fff;background-color:#7b2fff;transform:scale(1.2);box-shadow:0 0 15px #7b2fff80}.slot-checkbox span{font-size:.75rem;font-weight:900}.time-slot.morning.selected .slot-checkbox span,.time-slot.afternoon.selected .slot-checkbox span{color:#000}.time-slot.night.selected .slot-checkbox span{color:#fff}.quick-select-buttons{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.quick-btn{padding:.5rem 1rem;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid}.quick-btn.weeknights{background-color:#7b2fff1a;color:#7b2fff;border-color:#7b2fff4d}.quick-btn.weeknights:hover{background-color:#7b2fff33}.quick-btn.weekends{background-color:#00d9ff1a;color:#00d9ff;border-color:#00d9ff4d}.quick-btn.weekends:hover{background-color:#00d9ff33}.quick-btn.clear{background-color:#ff44441a;color:#f44;border-color:#ff44444d}.quick-btn.clear:hover{background-color:#f443}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem}.mode-card{padding:2rem 1.5rem;background-color:#0a0e27;border:3px solid rgba(0,217,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.mode-card:hover{transform:scale(1.05);border-color:#00d9ff}.mode-card.selected{background-color:#00d9ff26;border-color:#00d9ff;transform:scale(1.05);box-shadow:0 0 30px #00d9ff66}.mode-checkmark{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#00d9ff,#7b2fff);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.875rem;color:#000;animation:scaleIn .3s ease-out}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.mode-card.selected .mode-name{color:#00d9ff}.mode-description{font-size:.75rem;color:#8b95a8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-card{padding:2rem;background-color:#0a0e27;border-radius:12px;border:2px solid;transition:all .3s ease}.contact-card.discord{border-color:#7b6cff4d}.contact-card.riot{border-color:#eb39424d}.contact-card.error{border-color:#f44}.contact-header{text-align:center;margin-bottom:1rem}.contact-icon{font-size:2.5rem;margin-bottom:.5rem}.contact-header h4{font-size:.875rem;font-weight:700;color:#fff;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.contact-header p{font-size:.75rem;color:#8b95a8}.contact-input{width:100%;padding:.875rem;background-color:#131729;border:2px solid;color:#fff;font-size:.875rem;font-family:Inter,sans-serif;outline:none;border-radius:8px;text-align:center;transition:all .3s ease}.contact-input.discord{border-color:#7b6cff33}.contact-input.riot{border-color:#eb394233}.contact-input.discord:focus{border-color:#7b6cff;box-shadow:0 0 20px #7b6cff4d}.contact-input.riot:focus{border-color:#eb3942;box-shadow:0 0 20px #eb39424d}.success-preview{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#00d9ff0d,#7b2fff0d);border-radius:12px;border:2px solid rgba(0,217,255,.3);text-align:center;animation:scaleIn .5s ease-out}.success-icon{font-size:2rem;margin-bottom:.5rem}.success-preview h4{font-size:1rem;font-weight:700;color:#00d9ff;margin-bottom:.5rem}.success-preview p{font-size:.875rem;color:#8b95a8}._profileRoot_1yqxh_9{--bg-primary: #0A0E27;--bg-secondary: #131729;--bg-card: #1a1f3a;--accent-cyan: #00D9FF;--accent-purple: #7B2FFF;--text-primary: #FFFFFF;--text-secondary: #E8EDF2;--text-muted: #8B95A8;--border-subtle: rgba(0, 217, 255, .1);--border-medium: rgba(0, 217, 255, .2);--border-bright: rgba(0, 217, 255, .4);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}@keyframes _floatOrb_1yqxh_1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}@keyframes _gradientRotate_1yqxh_1{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes _shimmer_1yqxh_1{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes _spin_1yqxh_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _fadeIn_1yqxh_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._bgEffects_1yqxh_66{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}._glowOrb_1yqxh_74{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:_floatOrb_1yqxh_1 12s ease-in-out infinite}._orb1_1yqxh_82{top:-5%;right:15%;width:500px;height:500px;background:radial-gradient(circle,var(--accent-cyan) 0%,transparent 70%)}._orb2_1yqxh_90{bottom:-10%;left:10%;width:600px;height:600px;background:radial-gradient(circle,var(--accent-purple) 0%,transparent 70%);animation-delay:-6s}._profileWrapper_1yqxh_104{max-width:1100px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:1}._loadingContainer_1yqxh_117{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem;animation:_fadeIn_1yqxh_1 .5s ease}._loadingSpinner_1yqxh_127{width:80px;height:80px;border:6px solid var(--border-subtle);border-top:6px solid var(--accent-cyan);border-radius:50%;animation:_spin_1yqxh_1 1s linear infinite}._loadingText_1yqxh_136{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin:0}._errorContainer_1yqxh_148{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center;padding:2rem;animation:_fadeIn_1yqxh_1 .5s ease}._errorIcon_1yqxh_160{font-size:5rem;opacity:.8}._errorTitle_1yqxh_165{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._errorMessage_1yqxh_176{font-size:1.1rem;color:var(--text-muted);max-width:500px;margin:0}._errorButton_1yqxh_183{padding:14px 32px;border-radius:12px;font-size:14px;font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#000;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #00d9ff4d;margin-top:1rem}._errorButton_1yqxh_183:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00d9ff66}._emptyState_1yqxh_207{text-align:center;padding:2rem;color:var(--text-muted);font-size:.95rem;font-style:italic}._heroCard_1yqxh_220{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border:2px solid var(--border-medium);border-radius:24px;padding:3rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006;transition:all .3s ease}._heroCard_1yqxh_220:hover{border-color:var(--border-bright);box-shadow:0 25px 70px #00d9ff26}._heroCard_1yqxh_220:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,217,255,.03) 50%,transparent 70%),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,217,255,.02) 20px,rgba(0,217,255,.02) 40px);pointer-events:none}._heroContent_1yqxh_250{display:grid;grid-template-columns:auto 1fr;gap:3rem;position:relative;z-index:1}._avatarContainer_1yqxh_263{position:relative}._avatarGlowRing_1yqxh_267{width:200px;height:200px;border-radius:28px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-cyan));background-size:200% 200%;padding:4px;animation:_gradientRotate_1yqxh_1 4s ease infinite;position:relative}._avatarInner_1yqxh_278{width:100%;height:100%;border-radius:24px;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-purple) 100%);display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:900;color:#000;position:relative;overflow:hidden;box-shadow:0 10px 40px #00d9ff4d}._avatarInner_1yqxh_278:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:_shimmer_1yqxh_1 3s infinite}._rankBadgeFloat_1yqxh_305{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);background:var(--bg-primary);border:3px solid;padding:8px 24px;border-radius:20px;font-size:13px;font-weight:900;letter-spacing:1px;box-shadow:0 8px 24px #0006;white-space:nowrap}._levelBadge_1yqxh_321{position:absolute;top:-8px;right:-8px;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-purple),#9B59B6);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;border:3px solid var(--bg-primary);box-shadow:0 4px 12px #7b2fff66}._infoSection_1yqxh_343{display:flex;flex-direction:column;gap:1.5rem}._usernameRow_1yqxh_349{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}._username_1yqxh_349{font-size:3rem;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}._verifiedCheck_1yqxh_367{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:18px}._serverPill_1yqxh_378{background:#00d9ff1a;border:2px solid var(--accent-cyan);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;color:var(--accent-cyan);letter-spacing:.5px}._statsGrid_1yqxh_394{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}._statBox_1yqxh_400{text-align:center;padding:1rem;background:#00d9ff0d;border-radius:12px;border:1px solid var(--border-subtle);transition:all .2s ease}._statBox_1yqxh_400:hover{background:#00d9ff14;border-color:var(--border-medium);transform:translateY(-2px)}._statValue_1yqxh_415{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}._statLabel_1yqxh_425{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}._rolesRow_1yqxh_438{display:flex;gap:1rem}._roleBadge_1yqxh_443{flex:1;display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;background:linear-gradient(135deg,#00d9ff14,#7b2fff14);border:2px solid var(--border-medium);border-radius:16px;transition:all .3s ease;cursor:pointer}._roleBadge_1yqxh_443:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 12px 32px #00d9ff33}._roleBadge_1yqxh_443._secondary_1yqxh_462{background:linear-gradient(135deg,#7b2fff14,#00d9ff14)}._roleBadge_1yqxh_443._secondary_1yqxh_462:hover{border-color:var(--accent-purple);box-shadow:0 12px 32px #7b2fff33}._roleEmoji_1yqxh_471{font-size:2rem}._roleText_1yqxh_475{flex:1}._roleLabel_1yqxh_479{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;margin-bottom:4px}._roleName_1yqxh_488{font-size:1.1rem;font-weight:800;color:var(--accent-cyan)}._roleBadge_1yqxh_443._secondary_1yqxh_462 ._roleName_1yqxh_488{color:var(--accent-purple)}._actionBar_1yqxh_503{display:flex;gap:12px}._btn_1yqxh_508{flex:1;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}._btnPrimary_1yqxh_524{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#000;box-shadow:0 8px 24px #00d9ff4d}._btnPrimary_1yqxh_524:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00d9ff66}._btnSecondary_1yqxh_535{background:#00d9ff1a;color:var(--accent-cyan);border:2px solid var(--accent-cyan)}._btnSecondary_1yqxh_535:hover{background:#00d9ff26;transform:translateY(-2px)}._contentGrid_1yqxh_551{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}._sectionCard_1yqxh_563{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:20px;padding:2rem;transition:all .3s ease}._sectionCard_1yqxh_563:hover{border-color:var(--border-medium);box-shadow:0 12px 40px #00d9ff1a}._sectionHeader_1yqxh_576{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}._sectionIcon_1yqxh_585{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 12px #00d9ff4d}._sectionTitle_1yqxh_597{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}._championsList_1yqxh_609{display:flex;flex-direction:column;gap:12px}._championRow_1yqxh_615{display:flex;align-items:center;gap:16px;padding:1rem;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:16px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}._championRow_1yqxh_615:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple));transform:scaleY(0);transition:transform .3s ease}._championRow_1yqxh_615:hover{border-color:var(--accent-cyan);transform:translate(8px);box-shadow:0 8px 24px #00d9ff33}._championRow_1yqxh_615:hover:before{transform:scaleY(1)}._championAvatar_1yqxh_651{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#00d9ff26,#7b2fff26);border:2px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}._championImage_1yqxh_664{width:100%;height:100%;object-fit:cover;border-radius:10px}._championInfo_1yqxh_671{flex:1}._championName_1yqxh_675{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}._championStats_1yqxh_682{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}._statItem_1yqxh_689{display:flex;align-items:center;gap:4px}._masteryBadge_1yqxh_695{background:linear-gradient(135deg,var(--accent-purple),#9B59B6);color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800}._winrateGood_1yqxh_704{color:#4caf50;font-weight:700}._modesList_1yqxh_714{display:flex;flex-direction:column;gap:12px;margin-bottom:2rem}._modeItem_1yqxh_721{display:flex;align-items:center;gap:16px;padding:1rem;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:16px;transition:all .3s ease;cursor:pointer}._modeItem_1yqxh_721:hover{border-color:var(--border-medium);transform:scale(1.02)}._modeItem_1yqxh_721._active_1yqxh_738{background:#00d9ff14;border-color:var(--accent-cyan);box-shadow:0 4px 16px #00d9ff26}._modeEmoji_1yqxh_744{font-size:2rem}._modeName_1yqxh_748{font-size:1rem;font-weight:700;color:var(--text-primary)}._modeStatus_1yqxh_754{margin-left:auto;width:12px;height:12px;border-radius:50%;background:var(--text-muted)}._modeItem_1yqxh_721._active_1yqxh_738 ._modeStatus_1yqxh_754{background:#4caf50;box-shadow:0 0 12px #4caf50}._contactList_1yqxh_767{display:flex;flex-direction:column;gap:12px}._contactRow_1yqxh_773{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border-radius:12px;font-size:14px;transition:all .2s ease}._contactRow_1yqxh_773:hover{background:#00d9ff0d}._contactIcon_1yqxh_788{width:20px;height:20px;opacity:.7}._scheduleGrid_1yqxh_799{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}._dayCard_1yqxh_805{padding:1.5rem 1rem;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:16px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative}._dayCard_1yqxh_805:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 8px 24px #00d9ff33}._dayCard_1yqxh_805._selected_1yqxh_822{background:#00d9ff1a;border-color:var(--accent-cyan)}._dayShort_1yqxh_827{font-size:1.5rem;font-weight:900;color:var(--accent-cyan);margin-bottom:8px}._dayFull_1yqxh_834{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;margin-bottom:12px}._timeSlots_1yqxh_843{display:flex;flex-direction:column;gap:6px}._timeSlot_1yqxh_843{font-size:11px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:6px}._timeDot_1yqxh_858{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}@media(max-width:968px){._heroContent_1yqxh_250{grid-template-columns:1fr;text-align:center;gap:2rem}._avatarContainer_1yqxh_263{margin:0 auto}._usernameRow_1yqxh_349{justify-content:center}._statsGrid_1yqxh_394{grid-template-columns:repeat(2,1fr)}._contentGrid_1yqxh_551{grid-template-columns:1fr}._rolesRow_1yqxh_438{flex-direction:column}}@media(max-width:640px){._profileWrapper_1yqxh_104{padding:2rem 1rem}._heroCard_1yqxh_220{padding:2rem 1.5rem}._username_1yqxh_349{font-size:2rem}._avatarGlowRing_1yqxh_267{width:150px;height:150px}._avatarInner_1yqxh_278{font-size:3.5rem}._statsGrid_1yqxh_394{grid-template-columns:1fr}._actionBar_1yqxh_503{flex-direction:column}._scheduleGrid_1yqxh_799{grid-template-columns:repeat(2,1fr)}}.search-players-root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0e27;min-height:100vh;color:#fff;position:relative}.bg-effects{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px)}.orb-1{top:-10%;right:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,217,255,.15) 0%,transparent 70%);animation:floatOrb 20s ease-in-out infinite}.orb-2{bottom:-10%;left:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(123,47,255,.15) 0%,transparent 70%);animation:floatOrb 25s ease-in-out infinite reverse}.orb-3{top:50%;right:30%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);filter:blur(60px);animation:floatOrb 15s ease-in-out infinite}.main-container{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:320px;flex-shrink:0;border-right:1px solid rgba(0,217,255,.1);background:#13172980;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-sticky{position:sticky;top:0;padding:2rem 1.5rem;max-height:100vh;overflow-y:auto}.brand-section{text-align:center;margin-bottom:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#00d9ff0d,#7b2fff0d);border-radius:20px;border:1px solid rgba(0,217,255,.1)}.brand-icon{font-size:3rem;margin-bottom:.5rem}.brand-title{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#00d9ff,#7b2fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.brand-subtitle{font-size:.9rem;color:#8b95a8;margin:0}.search-section{margin-bottom:2rem}.search-wrapper{position:relative}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#00d9ff;pointer-events:none;z-index:2}.search-input{width:100%;padding:1rem 3rem 1rem 3.2rem;background:#1a1f3a99;border:2px solid rgba(0,217,255,.2);border-radius:16px;font-size:.95rem;color:#fff;outline:none;transition:all .3s ease}.search-input:focus{border-color:#00d9ff80;box-shadow:0 0 0 4px #00d9ff1a}.clear-btn{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.clear-btn:hover{background:#fff3}.stats-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.stat-card{background:#1a1f3a66;padding:1.5rem 1rem;border-radius:16px;text-align:center;border:1px solid rgba(0,217,255,.1)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:1.8rem;font-weight:900;color:#00d9ff;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#8b95a8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.tips-section{margin-top:2rem}.tip-card{background:linear-gradient(135deg,#00d9ff14,#7b2fff14);padding:1.5rem;border-radius:16px;border:1px solid rgba(0,217,255,.15);display:flex;gap:1rem;align-items:flex-start}.tip-icon{font-size:1.5rem;flex-shrink:0}.tip-text{font-size:.85rem;color:#e8edf2;margin:0;line-height:1.6}.content{flex:1;padding:2rem;max-width:1400px;margin:0 auto}.content-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start}.content-title{font-size:2.5rem;font-weight:900;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-subtitle{font-size:1rem;color:#8b95a8;margin:0}.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.players-grid>div{animation:fadeIn .5s ease backwards}.player-card{background:linear-gradient(135deg,#131729cc,#1a1f3acc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;border:1px solid rgba(0,217,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.player-card:hover{transform:translateY(-8px);border-color:#00d9ff4d;box-shadow:0 20px 60px #00d9ff33}.player-card:hover .glow-effect{opacity:.4}.player-card:hover .view-btn{background:linear-gradient(135deg,#00d9ff4d,#7b2fff4d);border-color:#00d9ff80}.card-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(0,217,255,.03) 0%,transparent 50%);pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:2}.avatar-wrapper{position:relative}.avatar{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#00d9ff,#7b2fff);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#000;box-shadow:0 8px 30px #00d9ff4d}.online-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#4caf50;border-radius:50%;border:3px solid rgba(19,23,41,.9);animation:pulse 2s ease-in-out infinite}.rank-badge{padding:.5rem 1rem;background:#0a0e27e6;border:2px solid;border-radius:12px;font-size:.75rem;font-weight:900;letter-spacing:1px}.card-body{margin-bottom:1.2rem;position:relative;z-index:2}.player-name{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.champion-img{width:48px;height:48px;border-radius:8px;object-fit:cover;display:block;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);box-shadow:0 4px 12px #00d9ff26}.server-badge{padding:.3rem .8rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:10px;font-size:.75rem;font-weight:700;color:#00d9ff;margin-left:auto;display:flex;align-items:center;justify-content:center}.stats-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.4rem}.stat-emoji{font-size:1.1rem}.stat-text{font-size:.9rem;font-weight:600;color:#e8edf2}.view-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#00d9ff26,#7b2fff26);border:2px solid rgba(0,217,255,.3);border-radius:12px;font-size:.95rem;font-weight:700;color:#00d9ff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;position:relative;z-index:2}.arrow-icon{width:18px;height:18px}.glow-effect{position:absolute;inset:0;background:linear-gradient(135deg,#00d9ff1a,#7b2fff1a);opacity:0;transition:opacity .3s ease;animation:glow 3s ease-in-out infinite;pointer-events:none}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 0}.page-numbers{display:flex;gap:.5rem;align-items:center}.page-btn{padding:.8rem 1.2rem;background:#1a1f3a99;border:2px solid rgba(0,217,255,.2);border-radius:12px;color:#e8edf2;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#00d9ff1a;border-color:#00d9ff66;transform:translateY(-2px)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn-nav{display:flex;align-items:center;gap:.5rem}.page-active{background:linear-gradient(135deg,#00d9ff,#7b2fff);color:#000;border-color:transparent;box-shadow:0 8px 24px #00d9ff66}.nav-icon{width:18px;height:18px}.ellipsis{color:#8b95a8;font-size:1.2rem;padding:0 .5rem}.loading-container{text-align:center;padding:4rem 2rem}.spinner{width:60px;height:60px;border:4px solid rgba(0,217,255,.1);border-top:4px solid #00D9FF;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.loading-text{color:#8b95a8;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.empty-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:1rem}.empty-text{font-size:1.1rem;color:#8b95a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes floatOrb{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}@keyframes glow{0%,to{opacity:0}50%{opacity:.3}}@media(max-width:1200px){.content{padding:1.5rem}.players-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.sidebar{width:280px}}@media(max-width:1024px){.players-grid{grid-template-columns:repeat(2,1fr)}.content-title{font-size:2rem}.card-body{margin-bottom:1rem}.player-card{padding:1.2rem}}@media(max-width:1000px){.main-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,217,255,.1)}.sidebar-sticky{position:static;max-height:none;padding:1.5rem 1rem}.brand-section{padding:1rem;margin-bottom:1.5rem}.brand-title{font-size:1.5rem}.stats-section{gap:.8rem}.stat-card{padding:1rem .8rem}.content{padding:1.5rem 1rem}.players-grid{grid-template-columns:1fr;gap:1rem}.content-title{font-size:1.8rem}.content-subtitle{font-size:.9rem}.player-card{padding:1.2rem}.avatar{width:60px;height:60px;font-size:1.6rem}.player-name{font-size:1.2rem}.champion-img{width:40px;height:40px}.pagination{flex-wrap:wrap;gap:.5rem;padding:1.5rem 0}.page-btn{padding:.6rem 1rem;font-size:.85rem}.page-btn-nav{min-width:100px}}@media(max-width:480px){.search-players-root{font-size:14px}.sidebar-sticky{padding:1rem}.brand-section{padding:.8rem;margin-bottom:1rem}.brand-icon{font-size:2.5rem}.brand-title{font-size:1.3rem}.brand-subtitle{font-size:.8rem}.search-input{padding:.9rem 2.8rem .9rem 3rem;font-size:.9rem}.stats-section{grid-template-columns:1fr}.stat-card{padding:1rem}.tip-card{padding:1rem;gap:.8rem}.tip-text{font-size:.8rem}.content{padding:1rem .8rem}.content-title{font-size:1.5rem}.content-subtitle{font-size:.85rem}.player-card{padding:1rem}.card-header{margin-bottom:.8rem}.avatar{width:50px;height:50px;font-size:1.4rem;border-radius:12px}.rank-badge{padding:.4rem .8rem;font-size:.65rem}.player-name{font-size:1.1rem;margin-bottom:.4rem}.player-meta{gap:.4rem;margin-bottom:.8rem}.champion-img{width:36px;height:36px}.server-badge{padding:.25rem .6rem;font-size:.7rem}.stat-emoji{font-size:1rem}.stat-text{font-size:.85rem}.view-btn{padding:.9rem;font-size:.9rem}.pagination,.page-numbers{gap:.3rem}.page-btn{padding:.5rem .8rem;font-size:.8rem}.page-btn-nav span{display:none}.ellipsis{font-size:1rem;padding:0 .3rem}.orb-3{display:none}}@media(max-width:360px){.brand-title{font-size:1.2rem}.content-title{font-size:1.3rem}.player-card{padding:.8rem}.champion-img{width:32px;height:32px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}