.auth-page{min-height:100vh;background-color:#0a0a12;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 90% 90%,rgba(139,92,246,.15) 0px,transparent 50%);color:#e0e0e0;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;padding:40px 0;perspective:1000px}.auth-wrap{width:100%;max-width:450px;padding:0 20px;animation:fadeInUp .6s ease-out forwards}.auth-logo{height:120px;width:auto;display:block;margin:0 auto 30px;filter:drop-shadow(0 0 15px rgba(59,130,246,.3));animation:fadeInUp .6s ease-out forwards}.auth-card-3d{display:grid;grid-template-areas:"stack";transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);min-height:500px}.auth-card-3d.flipped{transform:rotateY(180deg)}.auth-card{background:#14141e99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:16px;padding:40px;box-shadow:0 15px 35px #00000080,inset 0 1px #ffffff0d;display:flex;flex-direction:column;min-height:380px}.auth-face{grid-area:stack;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#14141e99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:16px;padding:40px;box-shadow:0 15px 35px #00000080,inset 0 1px #ffffff0d;display:flex;flex-direction:column}.auth-face-back{transform:rotateY(180deg)}.auth-content{margin-top:auto;margin-bottom:auto}.auth-title{margin:0 0 10px;font-size:1.5rem;color:#fff;text-align:center}.auth-subtitle{margin:0 0 30px;font-size:.9rem;color:#666;text-align:center}.form-grid{display:grid;gap:20px;margin-bottom:15px}.form-grid-2{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:.85rem;color:#a0a0a0;font-weight:500}.input{width:100%;background:#0006;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s ease;outline:none}.input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633,0 0 15px #8b5cf61a;background:#0009}.btn{padding:12px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;font-size:.95rem;transition:transform .2s,box-shadow .2s,background .2s;width:100%;margin-bottom:15px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.auth-link-right{display:block;text-align:right;color:#8b5cf6;text-decoration:none;font-size:.85rem;margin-top:-10px;font-weight:500;transition:color .2s}.auth-link-right:hover{color:#a78bfa}.auth-switch{text-align:center;font-size:.9rem;color:#666;margin-top:10px}.auth-switch button{background:none;border:none;color:#8b5cf6;cursor:pointer;font-weight:600;padding:0 5px;font-family:inherit;font-size:.9rem}.auth-switch button:hover{text-decoration:underline}.auth-footer{margin-top:auto;padding-top:25px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.auth-terms{font-size:.75rem;color:#555;line-height:1.4}.auth-terms a{color:#888;text-decoration:none;border-bottom:1px solid #444}.notice{margin-top:20px;background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f98272;padding:12px;border-radius:8px;font-size:.9rem;text-align:center}@media (max-width: 500px){.form-grid-2{grid-template-columns:1fr}.span-2{grid-column:span 1}.auth-face,.auth-card{padding:30px}}body{background-color:#0a0a12;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 90% 10%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.05) 0px,transparent 50%);color:#e0e0e0;font-family:Inter,sans-serif;margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased}.page-container{max-width:1200px;margin:0 auto;padding:25px 20px 50px}.layout-grid{display:grid;grid-template-columns:250px 1fr 300px;gap:25px}.topbar{background:#0a0a12b3;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);padding:15px 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 30px #0006}.topbar-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer}.navbar-logo{height:48px;width:auto;cursor:pointer;transition:transform .2s ease;filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}.navbar-logo:hover{transform:scale(1.05)}.btn-signup{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #3b82f666;font-family:Inter,sans-serif;font-size:.9rem}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.card{background:#14141e99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{border-color:#3b82f64d;box-shadow:0 15px 40px #0006,0 0 25px #3b82f61a}.card-title{margin-top:0;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;margin-bottom:15px;color:#fff;display:flex;justify-content:space-between;align-items:center}.title-subtext{font-size:.8rem;color:#666}.title-subtext-live{font-size:.8rem;color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.4)}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:12px}.category-list a{color:#a0a0a0;text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .2s;padding:10px;border-radius:8px;font-size:.9rem;font-weight:500}.category-list a:hover{color:#fff;transform:translate(4px);background:#ffffff0d}.category-list a.active{color:#fff;background:linear-gradient(90deg,#3b82f633,#8b5cf61a);border-left:3px solid #3b82f6;padding-left:7px;box-shadow:0 0 15px #3b82f61a}.news-item{display:flex;gap:15px;margin-bottom:20px;padding:15px;border-radius:12px;transition:all .2s;cursor:pointer;border:1px solid transparent}.news-item:hover{background:#ffffff08;border-color:#ffffff0d}.news-item:last-child{margin-bottom:0}.news-avatar{width:45px;height:45px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;box-shadow:0 0 15px #3b82f633}.news-content h4{margin:0 0 5px;color:#fff;transition:color .2s;font-size:1rem}.news-item:hover .news-content h4{color:#22d3ee}.news-meta{font-size:.75rem;color:#666;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:10px}.news-content p{margin:0;font-size:.9rem;color:#b0b0b0;line-height:1.5}.game-group-title{font-size:.75rem;text-transform:uppercase;color:#666;margin-top:15px;margin-bottom:10px;font-weight:700;letter-spacing:.5px}.server-status-item{margin-bottom:12px}.server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.9rem}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;position:relative}.status-dot.online{background:#22d3ee;box-shadow:0 0 10px #22d3ee}.status-dot.online:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#22d3ee;border-radius:50%;animation:pulse 2s infinite}.status-dot.offline{background:#f44336;box-shadow:0 0 10px #f44336}.offline-text{color:#f44336}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#3b82f6);border-radius:3px;box-shadow:0 0 10px #22d3ee80}.progress-fill-offline{height:100%;background:#f44336;border-radius:3px}.admin-warn{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f98272;padding:12px;border-radius:8px;font-size:.85rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.upload-zone{border:2px dashed rgba(255,255,255,.2);background:#ffffff05;padding:40px 20px;text-align:center;border-radius:12px;cursor:pointer;transition:all .3s ease}.upload-zone:hover{border-color:#3b82f6;background:#3b82f60d;transform:scale(1.01)}.upload-icon{font-size:3rem;margin-bottom:10px}.upload-text{color:#a0a0a0;font-size:1rem;margin:0}.upload-subtext{color:#666;font-size:.85rem;margin-top:5px}.upload-progress-container{margin-top:20px}.upload-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.upload-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease;box-shadow:0 0 10px #3b82f680}.progress-text{font-size:.85rem;color:#a0a0a0;margin-top:8px;text-align:center;font-family:JetBrains Mono,monospace}.result-box{background:#10b9810d;border:1px solid rgba(16,185,129,.3);padding:20px;border-radius:8px;margin-top:20px;animation:fadeInUp .5s ease-out forwards}.result-header{color:#10b981;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:.9rem}.copy-group{display:flex;gap:10px;margin-bottom:15px;align-items:center;flex-wrap:wrap}.copy-label{font-size:.8rem;color:#888;width:50px}.copy-input{flex:1;min-width:150px;background:#0006;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:6px;color:#fff;font-family:JetBrains Mono,monospace;font-size:.8rem;outline:none;transition:border-color .2s}.copy-input:focus{border-color:#3b82f6}.btn-copy{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 15px;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;font-size:.85rem}.btn-copy:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.btn-deploy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;font-size:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #10b98133;width:100%;margin-top:15px}.btn-deploy:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#3b82f6;box-shadow:0 0 10px #3b82f666}input:checked+.slider:before{transform:translate(20px)}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.layout-grid{grid-template-columns:1fr;gap:15px}.page-container{padding:15px}}@media (max-width: 600px){.topbar-inner{padding:0 15px}.card{padding:15px}.news-item{flex-direction:column;align-items:center;text-align:center;gap:10px}.news-meta{justify-content:center}.copy-group{flex-direction:column;align-items:stretch}.copy-label{width:auto;margin-bottom:5px}.copy-input{width:100%}.btn-copy{width:100%;padding:8px}}.carousel-container{position:relative;width:100%;height:280px;border-radius:16px;overflow:hidden;margin-bottom:25px;box-shadow:0 10px 30px #0000004d}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;padding:40px;opacity:0;transition:opacity .8s ease-in-out,transform .8s ease;transform:scale(1.05);display:flex;flex-direction:column;justify-content:center}.carousel-slide.active{opacity:1;transform:scale(1);z-index:2}.carousel-slide h2{margin:0 0 10px;font-size:2.2rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);max-width:600px}.carousel-slide p{margin:0 0 20px;font-size:1.1rem;color:#ffffffe6;max-width:500px;text-shadow:0 2px 10px rgba(0,0,0,.4)}.carousel-dots{position:absolute;bottom:15px;left:40px;display:flex;gap:8px;z-index:3}.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s}.carousel-dots .dot.active{background:#fff;width:24px;border-radius:4px}@media (max-width: 768px){.carousel-container{height:220px}.carousel-slide{padding:25px}.carousel-slide h2{font-size:1.5rem}.carousel-slide p{font-size:.9rem}.carousel-dots{left:25px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.stat-box{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s}.stat-box:hover{transform:translateY(-3px);background:#ffffff08;box-shadow:0 10px 20px #0003}.stat-icon{font-size:1.8rem;margin-bottom:10px}.stat-value{font-size:2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:5px}.stat-label{font-size:.8rem;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-box{padding:15px}.stat-value{font-size:1.5rem}.stat-icon{font-size:1.4rem}}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background-color:#0f0f0f;color:#e0e0e0}#root{min-height:100vh}a{color:inherit;text-decoration:none}