.search-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;animation:fadeIn .2s ease-out}.search-modal{width:90%;max-width:600px;background:#0f172a;border:1px solid var(--color-primary-glow);box-shadow:0 20px 50px #00000080,0 0 20px #06b6d433;display:flex;flex-direction:column}.search-header{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.search-icon{font-size:1.2rem;margin-right:1rem;opacity:.5}.search-input{flex:1;background:transparent;border:none;font-size:1.1rem;color:#fff;font-family:var(--font-main);outline:none}.search-input::placeholder{color:var(--color-text-dim)}.close-btn{background:#ffffff1a;border:none;color:var(--color-text-dim);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer}.search-results{list-style:none;margin:0;padding:.5rem;max-height:400px;overflow-y:auto}.search-result-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.search-result-item:hover{background:#06b6d41a}.result-icon{font-size:1.5rem;margin-right:1rem}.result-info{display:flex;flex-direction:column}.result-name{color:#fff;font-weight:500}.result-type{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase}.no-results{padding:2rem;text-align:center;color:var(--color-text-dim)}.navbar{position:sticky;top:1rem;margin:0 1rem;padding:.75rem 1.5rem;z-index:100;display:flex;justify-content:center}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}.navbar-logo{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.navbar-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar-menu a{color:var(--color-text-dim);font-weight:500;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;position:relative}.navbar-menu a:hover,.navbar-menu a.active{color:var(--color-text-main);text-shadow:0 0 10px var(--color-primary-glow);text-decoration:none}.navbar-menu a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.language-switcher{display:flex;align-items:center;gap:.25rem;margin-right:1rem;background:#0003;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.lang-btn{background:none;border:none;color:var(--color-text-dim);cursor:pointer;font-size:.8rem;font-weight:600;padding:2px 4px;transition:color .2s}.lang-btn:hover{color:#fff}.lang-btn.active{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary-glow)}.lang-separator{color:#ffffff1a;font-size:.8rem}.search-trigger-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-dim);padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1rem}.search-trigger-btn:hover{background:#06b6d41a;border-color:var(--color-primary);color:#fff;transform:scale(1.05);box-shadow:0 0 10px #06b6d44d}@media(max-width:768px){.navbar-menu{display:none}}.home-page{display:flex;flex-direction:column;gap:4rem}.hero-section{position:relative;text-align:center;padding:6rem 2rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at center,#06b6d41a,#020617cc 70%)}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(6,182,212,.5))}.hero-subtitle{font-size:1.5rem;color:var(--color-primary);margin-bottom:3rem;text-shadow:0 0 10px var(--color-primary-glow)}.cta-group{display:flex;gap:1.5rem;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:1rem 2.5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #06b6d44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.server-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.stat-card{background:#0f172a66;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);background:#0f172a99;border-color:var(--color-primary)}.stat-value{font-size:2.5rem;font-weight:800;color:#fff;display:block;margin-bottom:.5rem}.stat-label{color:var(--color-text-dim);text-transform:uppercase;font-size:.875rem;letter-spacing:.1em}.class-card{display:block;background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.class-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 10px 30px #06b6d426}.class-card-image-placeholder{height:200px;background:#0f172a;position:relative;overflow:hidden}.placeholder-gradient{width:100%;height:100%;background:linear-gradient(135deg,#06b6d433,#3b82f61a)}.class-role{position:absolute;top:1rem;right:1rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;color:var(--color-primary);border:1px solid var(--color-primary);text-transform:uppercase;font-weight:700}.class-card-content{padding:1.5rem}.class-card-content h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.evolution-list{display:flex;flex-wrap:wrap;gap:.5rem}.evo-tag{font-size:.75rem;background:#ffffff0d;padding:.25rem .5rem;border-radius:4px;color:var(--color-text-dim)}:root{--color-bg-dark: #020617;--color-bg-card: #0f172a;--color-primary: #06b6d4;--color-primary-glow: rgba(6, 182, 212, .5);--color-secondary: #3b82f6;--color-text-main: #f8fafc;--color-text-dim: #94a3b8;--color-border: #1e293b;--font-main: "Inter", system-ui, sans-serif;--transition-fast: .2s ease;--transition-medium: .3s ease}body{margin:0;font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-main);background-image:radial-gradient(circle at 15% 50%,rgba(6,182,212,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.08),transparent 25%);min-height:100vh;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline;text-shadow:0 0 8px var(--color-primary-glow)}h1,h2,h3{font-weight:700;letter-spacing:-.025em;margin-top:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.glass-panel{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:12px}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-medium) forwards}