.auth-container{background:radial-gradient(circle at center, var(--bg-card) 0%, var(--bg-main) 100%);justify-content:center;align-items:center;height:100vh;display:flex}@media (width<=600px){.topbar-inner{align-items:flex-start;padding:10px 12px;display:flex}.topbar-left{flex-direction:column;gap:8px;display:flex}.topbar-left .brand{cursor:pointer}.mobile-nav ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mobile-nav a{color:#fff;background:#ffffff05;border-radius:8px;padding:8px 10px;text-decoration:none;display:block}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.hero-cta-wrap{margin:12px 0 24px;position:static;transform:none}}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;margin-left:8px;padding:6px;display:inline-flex}.hamburger span{background:#fff;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger.open span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-nav{opacity:0;max-height:0;transition:max-height .36s cubic-bezier(.2,.9,.2,1),opacity .24s;overflow:hidden}.mobile-nav.open{opacity:1;max-height:400px}.topbar-right{position:relative}.topbar-center ul li.active a,.mobile-nav ul li.active a{color:var(--primary);font-weight:700}@media (width<=768px){.hero-grid{grid-template-columns:1fr}.topbar-inner{width:calc(100% - 20px)}}.auth-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--glass-border);width:350px;box-shadow:var(--shadow-main);flex-direction:column;gap:20px;padding:40px;transition:transform .24s,box-shadow .24s;display:flex;transform:translateY(0)}.auth-title{color:var(--primary);text-align:center;letter-spacing:3px;text-transform:uppercase;margin:0;font-weight:800}.input-field{background:var(--bg-input);border-radius:var(--radius-button);color:var(--text-main);border:1px solid #2a2a2a;outline:none;padding:14px;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.submit-button{background:var(--primary);color:#1a1a1a;border-radius:var(--radius-button);cursor:pointer;border:none;padding:14px;font-weight:700;transition:opacity .2s,transform .1s}.submit-button:hover{opacity:.9}.submit-button:active{transform:scale(.98)}.server-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px;display:grid}.server-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--glass-border);flex-direction:column;gap:12px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.server-card:hover{box-shadow:var(--shadow-main);border-color:#e4bcd64d;transform:translateY(-5px)}.auth-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000008c}.auth-card img{transition:transform .24s}.auth-card img:hover{transform:scale(1.03)}.hero-section{background-position:50%;background-size:cover;width:100%;min-height:100vh;position:relative}.hero-overlay{background:linear-gradient(#141414f2 0%,#14141499 40%,#14141400 100%);position:absolute;inset:0}.hero-container{z-index:2;max-width:1200px;margin:0 auto;padding:32px;position:relative}.hero-navbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-main);background:#0000008c;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.hero-logo{color:#fff;font-size:28px;font-weight:800}.hero-menu{align-items:center;gap:18px;display:flex}.hero-menu a{color:#fff;text-transform:uppercase;opacity:.95;border-radius:999px;padding:6px 10px;font-size:13px;text-decoration:none}.hero-menu a:hover{opacity:1;background:#ffffff05}.hero-actions{align-items:center;gap:12px;display:flex}.btn-brand{background:var(--brand);color:#fff;box-shadow:0 6px 30px #0009, 0 0 30px var(--brand);border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}.hero-grid{grid-template-columns:1fr 320px;align-items:center;gap:24px;min-height:calc(100vh - 160px);display:grid}.hero-left{align-self:center;max-width:560px}.hero-left h1{margin:8px 0;font-size:40px;font-weight:800;line-height:1.05}.hero-left p.lead{color:#ffffffe6}.hero-stats{gap:12px;margin-top:16px;display:flex}.stat{background:#00000073;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.stat .dot{background:#4ade80;border-radius:50%;width:10px;height:10px;display:inline-block}.hero-right{text-align:right}.hero-right h3{color:#fff;margin:0;font-size:22px;font-weight:800}.hero-right p{color:#aaa;max-width:300px;margin:10px auto 0}.btn-outline{color:#fff;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;text-decoration:none;display:inline-block}.hero-cta-wrap{z-index:5;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-cta{color:#fff;box-shadow:0 10px 40px #0009, 0 0 40px var(--brand);background:linear-gradient(#ffffff08,#ffffff03);border:2px solid #ffffff0f;border-radius:24px;padding:18px 60px;font-size:20px;font-weight:900;text-decoration:none;display:inline-block}.hero-container svg,.hero-container img{max-width:36px;height:auto;display:inline-block}@media (width<=900px){.hero-grid{grid-template-columns:1fr;padding-top:24px}.hero-right{text-align:left}.hero-cta{padding:14px 30px}}@media (width<=600px){.auth-card{border-radius:12px;width:calc(100% - 32px);padding:20px}.auth-container{align-items:flex-start;height:auto;padding-top:40px}.input-field{padding:12px}.submit-button{width:100%;padding:12px}.page-container{padding:16px}.server-grid{grid-template-columns:1fr;gap:12px}.hero-container{padding:18px}.hero-left h1{font-size:26px}.hero-left p.lead{font-size:14px}.hero-grid{min-height:calc(100vh - 120px)}.topbar-inner{gap:8px;width:calc(100% - 24px);padding:8px 12px}.topbar-center ul{flex-wrap:wrap;justify-content:center;gap:10px}.topbar-left .brand{font-size:18px}.sidebar{display:none}.content>main{padding-top:88px}.hero-cta{padding:12px 18px;font-size:16px}.server-card img,.hero-container img{width:100%;height:auto}}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);box-sizing:border-box;border-right:1px solid #ffffff08;width:220px;padding:20px}.content{flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{z-index:60;justify-content:center;display:flex;position:fixed;top:8px;left:0;right:0}.topbar-inner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:1200px;box-shadow:var(--shadow-main);background:#0000008c;border-radius:12px;align-items:center;gap:12px;padding:10px 18px;display:flex}.topbar-left .brand{color:var(--primary);font-size:20px;font-weight:800}.topbar-center{flex:1}.topbar-center ul{justify-content:center;gap:18px;margin:0;padding:0;list-style:none;display:flex}.topbar-center a{color:#fff;text-transform:uppercase;font-size:13px;text-decoration:none}.topbar-right{align-items:center;gap:12px;display:flex}.link-ghost{color:var(--primary);text-decoration:none}.btn-download{background:var(--brand);color:#fff;box-shadow:0 6px 30px #0009, 0 0 30px var(--brand);border-radius:999px;padding:8px 12px;text-decoration:none}.lang{color:#fff}.content>main{padding-top:72px}.sidebar a{color:var(--text-main);border-radius:8px;padding:8px 6px;text-decoration:none;display:block}.sidebar a:hover{background:#ffffff05}.hero-container{padding-top:28px}.server-name{color:var(--primary);margin:0;font-size:1.2rem;font-weight:700}.server-status{color:var(--text-gray);font-size:.9rem}.online-count{color:#4ade80;font-weight:500}.nav-item{cursor:pointer;color:var(--text-gray);border-radius:8px;padding:12px;transition:all .3s}.nav-item:hover,.nav-item.active{color:var(--primary);background:#e4bcd61a}.page-container{max-width:1300px;margin:0 auto;padding:40px 24px}.profile-container{max-width:1400px;margin:0 auto;padding:2rem}.profile-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);align-items:start;gap:25px;display:grid}.profile-col{flex-direction:column;gap:25px;display:flex}.profile-inner-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}@media (width<=992px){.profile-container{padding:1rem}.profile-main-grid{grid-template-columns:1fr}.auth-card{padding:15px!important}.auth-card h3{margin-bottom:12px!important;font-size:1.1rem!important}}.page-header{text-align:center;margin-bottom:50px}.page-header h1{color:#fff;letter-spacing:-.02em;margin:0 0 12px;font-size:2.5rem;font-weight:800}.page-subtitle{color:#94a3b8;max-width:650px;margin:0 auto;font-size:1.05rem;line-height:1.6}.main-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}.sidebar-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14141b66;border:1px solid #ffffff0a;border-radius:16px;padding:24px}.chips-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.chip{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;display:flex}.servers-grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.server-card,[class*=card]{background:#14141b99;border:1px solid #ffffff0d;border-radius:16px;padding:16px;transition:all .25s ease-in-out;overflow:hidden;box-shadow:0 4px 20px #00000026}.server-card:hover{border-color:#ff66a04d;transform:translateY(-4px);box-shadow:0 12px 30px #ff66a01a}.server-card img,[class*=card] img{object-fit:cover;background:#0d0d12;border-radius:10px;width:100%;height:130px;margin-bottom:12px}.online-status,[class*=online]{color:#10b981;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.online-status:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #10b981}.auth-card{background:#14141b99;border:1px solid #ffffff0a;border-radius:12px;padding:16px}.submit-button{background:var(--primary,#ff66a0);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-weight:600}.submit-button[style*="background: transparent"]{color:var(--primary);border:1px solid var(--primary);background:0 0}@media (width<=768px){.main-grid{grid-template-columns:1fr}.page-header h1{font-size:2rem}}.news-card-premium{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#14141b99;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:24px;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.news-card-premium:hover{border-color:#ff66a033;transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.news-thumb-wrapper{background:#0f0f14;border-radius:12px;flex-shrink:0;width:240px;height:140px;position:relative;overflow:hidden}.news-thumb{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .4s}.news-card-premium:hover .news-thumb{transform:scale(1.05)}.news-info{flex-direction:column;flex:1;gap:8px;display:flex}.news-date-badge{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0f;border:1px solid #ffffff08;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:600}.news-title{color:#fff;margin:0;font-size:1.3rem;font-weight:700;line-height:1.4;transition:color .2s}.news-card-premium:hover .news-title{color:var(--primary,#ff66a0)}.news-description{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=768px){.news-card-premium{flex-direction:column;align-items:stretch;gap:16px}.news-thumb-wrapper{width:100%;height:180px}}:root{--bg-main:#141414;--bg-card:#1f1f1f;--bg-input:#0f0f1a;--primary:#e4bcd6;--accent:#bb86fc;--text-main:#fff;--text-gray:#aaa;--radius-card:20px;--radius-button:8px;--shadow-main:0 10px 30px #00000080;--glass-bg:#ffffff08;--glass-border:#ffffff0d;--brand:var(--accent)}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}html,body,#root{height:100%}:root{--bg-color:#1a1a1a;--window-bg:#141414;--primary-color:#e4bcd6;--accent-color:#bb86fc;--text-color:#fff;--gray-text:#aaa;--input-bg:#252530;--input-border:#3a3a4d;--card-bg:#1f1f1f;--sidebar-bg:#1f1f1f;--card-radius:20px;--control-radius:8px;--card-shadow:0 4px 15px #0000004d}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:Segoe UI,Roboto,sans-serif}.container{background:radial-gradient(circle,#1f1f1f 0%,#141414 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid #e4bcd61a;width:350px;padding:40px}.title{color:var(--primary-color);text-align:center;letter-spacing:2px;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group label{color:var(--gray-text);margin-bottom:8px;font-size:12px;display:block}input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--control-radius);color:#fff;box-sizing:border-box;width:100%;padding:12px;transition:border-color .3s}input:focus{border-color:var(--primary-color);outline:none}.login-button{background:var(--primary-color);color:#1a1a1a;border-radius:var(--control-radius);cursor:pointer;border:none;width:100%;padding:14px;font-weight:700;transition:transform .2s,filter .2s}.login-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.footer-status{color:var(--gray-text);opacity:.6;margin-top:20px;font-size:10px}