:root{--primary:#9c27b0;--primary-dark:#7b1fa2;--primary-light:#e1bee7;--background:#121212;--surface:#1e1e1e;--surface-glass:rgba(30,30,30,0.7);--text:#e0e0e0;--text-secondary:#b0b0b0;--error:#f44336;--success:#4caf50;--warning:#ff9800}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background:var(--background);color:var(--text);min-height:100vh;background-image:radial-gradient(circle at 25% 25%,rgba(156,39,176,0.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(156,39,176,0.1) 0%,transparent 50%);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;animation:fadeIn 0.8s ease-out}h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(156,39,176,0.3)}.search-container{display:flex;justify-content:center;margin:30px 0;animation:slideUp 0.6s ease-out}.search-box{position:relative;width:100%;max-width:600px}.search-input{width:100%;padding:15px 20px;border-radius:50px;border:none;background:var(--surface-glass);backdrop-filter:blur(10px);color:var(--text);font-size:1rem;box-shadow:0 4px 20px rgba(0,0,0,0.2);transition:all 0.3s ease;border:1px solid rgba(156,39,176,0.3)}.search-input:focus{outline:none;box-shadow:0 4px 25px rgba(156,39,176,0.4);border-color:var(--primary)}.search-button{position:absolute;right:5px;top:5px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;border:none;border-radius:50px;padding:10px 25px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(156,39,176,0.4)}.search-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(156,39,176,0.6)}.search-button:active{transform:translateY(0)}.status-container{display:flex;flex-direction:column;gap:30px;animation:fadeIn 0.8s ease-out}@media (min-width:992px){.status-container{flex-direction:row}}.info-panel{flex:1;background:var(--surface-glass);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,0.2);border:1px solid rgba(156,39,176,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease}.info-panel:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(156,39,176,0.3)}.server-info{flex:2;background:var(--surface-glass);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,0.2);border:1px solid rgba(156,39,176,0.2)}h2{color:var(--primary-light);margin-bottom:20px;font-size:1.8rem;position:relative;padding-bottom:10px}h2::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--primary),transparent);border-radius:3px}p{margin-bottom:15px;line-height:1.6;color:var(--text-secondary)}.back-button{display:inline-block;margin-top:20px;padding:10px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;border:none;border-radius:50px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;box-shadow:0 4px 15px rgba(156,39,176,0.4)}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(156,39,176,0.6)}.server-icon{width:100px;height:100px;border-radius:15px;margin:0 auto 20px;display:block;object-fit:cover;border:3px solid var(--primary);box-shadow:0 0 20px rgba(156,39,176,0.5)}.status-badge{display:inline-block;padding:5px 15px;border-radius:50px;font-weight:bold;margin-bottom:15px}.online{background-color:rgba(76,175,80,0.2);color:var(--success);border:1px solid var(--success)}.offline{background-color:rgba(244,67,54,0.2);color:var(--error);border:1px solid var(--error)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.info-card{background:rgba(255,255,255,0.05);border-radius:10px;padding:15px;transition:transform 0.3s ease}.info-card:hover{transform:translateY(-5px);background:rgba(156,39,176,0.1)}.info-card h3{font-size:1rem;margin-bottom:10px;color:var(--primary-light)}.info-card p{font-size:1.2rem;color:var(--text);margin:0}.motd{background:rgba(0,0,0,0.3);padding:15px;border-radius:10px;margin:20px 0;white-space:pre-wrap;font-family:'Minecraft',monospace;line-height:1.4;color:#fff;border-left:4px solid var(--primary)}.player-list{margin-top:20px}.player-list h3{margin-bottom:10px}.game-modes-container{display:flex;flex-wrap:wrap;gap:8px}.game-mode-item{background:rgba(100,149,237,0.2);padding:5px 10px;border-radius:50px;font-size:0.9rem;border:1px solid rgba(100,149,237,0.5);margin-bottom:5px}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:50px;height:50px;border:5px solid rgba(156,39,176,0.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}footer{text-align:center;margin-top:50px;padding:20px;color:var(--text-secondary);font-size:0.9rem}.hidden{display:none}.error-message{color:var(--error);text-align:center;margin:20px 0;animation:shake 0.5s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.rate-limit-message{color:var(--warning);text-align:center;margin-top:10px;font-size:0.9rem}@media (max-width:768px){h1{font-size:2rem}.info-grid{grid-template-columns:1fr}.server-icon{width:80px;height:80px}}