@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Exo+2:wght@300;400;500;600;700&display=swap');
:root{--black:#060a12;--dark:#0b1120;--dark2:#0f1829;--dark3:#162035;--border:#1f2e45;--border2:#2a3f5f;--cyan:#00d4ff;--cyan2:#33ddff;--purple:#7c3aed;--purple2:#9d5cf6;--green:#00e676;--text:#8faac8;--white:#e8f0fe}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--black);font-family:'Exo 2',sans-serif;color:var(--text);min-height:100vh}
.navbar{background:rgba(6,10,18,0.97)!important;border-bottom:1px solid var(--border);padding:0!important;height:62px;backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000}
.navbar .container{height:62px}
.navbar-brand{font-family:'Rajdhani',sans-serif;font-size:1.5rem;font-weight:700;color:var(--white)!important;letter-spacing:3px;text-transform:uppercase}
.brand-accent{color:var(--cyan)}
.nav-link{color:var(--text)!important;font-size:0.72rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;padding:0 1rem!important;height:62px;display:flex!important;align-items:center;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-link:hover{color:var(--cyan)!important;border-bottom-color:var(--cyan)}
.btn-nav-register{font-family:'Rajdhani',sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.45rem 1.3rem!important;background:transparent;border:1px solid var(--cyan);color:var(--cyan)!important;border-radius:3px;transition:all .2s;text-decoration:none;display:flex;align-items:center}
.btn-nav-register:hover{background:var(--cyan);color:var(--black)!important}
.dropdown-menu{background:var(--dark2);border:1px solid var(--border);border-radius:3px;padding:.4rem;min-width:160px}
.dropdown-item{color:var(--text);font-size:0.78rem;letter-spacing:1.5px;text-transform:uppercase;padding:.5rem .9rem;border-radius:2px;font-weight:500}
.dropdown-item:hover{background:var(--border);color:var(--cyan)}
.dropdown-divider{border-color:var(--border)}
.hero{position:relative;min-height:calc(100vh - 62px);display:flex;align-items:center;overflow:hidden;background:var(--black)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(110deg,rgba(6,10,18,.97) 40%,rgba(6,10,18,.6) 70%,rgba(6,10,18,.2) 100%),url('https://wallpapercave.com/wp/wp2757253.jpg') center/cover no-repeat;z-index:0}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--black) 0%,transparent 35%)}
.hero-content{position:relative;z-index:1;padding:2rem 0;max-width:620px}
.hero-eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}
.hero-eyebrow-line{width:28px;height:2px;background:var(--cyan)}
.hero-eyebrow-text{font-size:0.68rem;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--cyan)}
.hero-title{font-family:'Rajdhani',sans-serif;font-size:clamp(3.5rem,9vw,6.5rem);font-weight:700;color:var(--white);line-height:.92;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem}
.hero-title .line2{color:transparent;-webkit-text-stroke:1.5px var(--cyan);display:block;opacity:.7}
.hero-divider{width:40px;height:3px;background:linear-gradient(to right,var(--cyan),var(--purple));margin-bottom:1.25rem;border-radius:2px}
.hero-sub{font-size:.9rem;color:var(--text);line-height:1.8;margin-bottom:2.5rem;max-width:400px}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-hero-primary{font-family:'Rajdhani',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:.85rem 2.2rem;background:var(--cyan);border:none;color:var(--black);border-radius:3px;text-decoration:none;transition:all .2s}
.btn-hero-primary:hover{background:var(--cyan2);color:var(--black);transform:translateY(-1px)}
.btn-hero-outline{font-family:'Rajdhani',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:.85rem 2.2rem;background:transparent;border:1px solid var(--border2);color:var(--text);border-radius:3px;text-decoration:none;transition:all .2s}
.btn-hero-outline:hover{border-color:var(--text);color:var(--white);background:rgba(255,255,255,.04)}
.hero-stats{position:absolute;bottom:0;left:0;right:0;z-index:2;border-top:1px solid var(--border);background:rgba(6,10,18,.88);backdrop-filter:blur(8px)}
.hero-stat-item{padding:1rem 2rem;border-right:1px solid var(--border)}
.hero-stat-item:last-child{border-right:none}
.hero-stat-num{font-family:'Rajdhani',sans-serif;font-size:1.8rem;font-weight:700;color:var(--cyan);line-height:1}
.hero-stat-label{font-size:.65rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--text);margin-top:.2rem}
.page-content{padding:3rem 0 5rem}
.section-title{font-family:'Rajdhani',sans-serif;font-size:1.2rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:3px;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}
.section-title::before{content:'';width:3px;height:1.1rem;background:var(--cyan);border-radius:2px;flex-shrink:0}
.card{background:var(--dark2);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 20px rgba(0,0,0,.5);transition:border-color .2s}
.card:hover{border-color:var(--border2)}
.card-header{background:var(--dark3);border-bottom:1px solid var(--border);border-radius:4px 4px 0 0!important;font-family:'Rajdhani',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text);padding:.85rem 1.25rem}
.card-footer{background:var(--dark3);border-top:1px solid var(--border);font-size:.78rem;color:var(--text);padding:.7rem 1.25rem}
.post-row{padding:.85rem 0;border-bottom:1px solid var(--border)}
.post-row:last-child{border-bottom:none}
.post-row a{color:var(--white);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s}
.post-row a:hover{color:var(--cyan)}
.post-meta{font-size:.72rem;color:var(--text);margin-top:.2rem;letter-spacing:.3px}
.post-meta a{color:var(--cyan);text-decoration:none}
.post-meta a:hover{color:var(--cyan2)}
.list-group-item{background:transparent;border-color:var(--border);color:var(--text);font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;padding:.8rem 1.25rem;transition:background .15s,color .15s}
.list-group-item-action:hover{background:var(--dark3);color:var(--cyan)}
.table{color:var(--text);border-color:var(--border)}
.table thead th{background:var(--dark3);border-color:var(--border);color:var(--text);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;padding:.85rem 1rem}
.table tbody tr{border-color:var(--border)}
.table tbody tr:hover{background:rgba(0,212,255,.02)}
.table td{padding:.85rem 1rem;vertical-align:middle}
.form-control,.form-select{background:var(--dark3);border:1px solid var(--border);color:var(--white);border-radius:3px;padding:.65rem 1rem;font-size:.88rem;transition:border-color .2s}
.form-control:focus,.form-select:focus{background:var(--dark3);border-color:var(--cyan);color:var(--white);box-shadow:0 0 0 3px rgba(0,212,255,.1)}
.form-control::placeholder{color:var(--border2)}
.form-label{color:var(--text);font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}
.form-select option{background:var(--dark3)}
.btn{font-family:'Rajdhani',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:3px;padding:.6rem 1.5rem;transition:all .2s}
.btn-primary{background:var(--cyan);border-color:var(--cyan);color:var(--black)}
.btn-primary:hover{background:var(--cyan2);border-color:var(--cyan2);color:var(--black)}
.btn-outline-secondary{border-color:var(--border);color:var(--text);background:transparent}
.btn-outline-secondary:hover{background:var(--dark3);border-color:var(--border2);color:var(--white)}
.btn-outline-light{border-color:var(--border2);color:var(--text);background:transparent}
.btn-outline-light:hover{background:rgba(255,255,255,.04);color:var(--white);border-color:var(--text)}
.btn-danger{background:var(--purple);border-color:var(--purple);color:#fff}
.btn-sm{padding:.38rem 1rem;font-size:.7rem}
.badge{font-family:'Rajdhani',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:1.5px;padding:.3rem .65rem;border-radius:2px;text-transform:uppercase}
.badge.bg-secondary{background:var(--dark3)!important;color:var(--text);border:1px solid var(--border)}
.badge.bg-primary{background:rgba(0,212,255,.1)!important;color:var(--cyan);border:1px solid rgba(0,212,255,.25)}
.alert{border-radius:3px;border:none;font-size:.85rem;padding:.85rem 1.25rem}
.alert-success{background:rgba(0,230,118,.08);color:var(--green);border-left:3px solid var(--green)}
.alert-danger{background:rgba(124,58,237,.08);color:var(--purple2);border-left:3px solid var(--purple)}
.alert-info{background:rgba(0,212,255,.08);color:var(--cyan);border-left:3px solid var(--cyan)}
.alert-warning{background:rgba(0,212,255,.08);color:var(--cyan);border-left:3px solid var(--cyan)}
.btn-close{filter:invert(1) opacity(.4)}
.page-link{background:var(--dark2);border-color:var(--border);color:var(--text);font-size:.8rem}
.page-link:hover{background:var(--dark3);color:var(--cyan);border-color:var(--border)}
.page-item.active .page-link{background:var(--cyan);border-color:var(--cyan);color:var(--black)}
footer{background:var(--dark2)!important;border-top:1px solid var(--border);padding:2.5rem 0!important}
footer p{color:var(--text);font-size:.78rem;letter-spacing:.5px;margin-bottom:.3rem}
.footer-brand{font-family:'Rajdhani',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:5px;color:var(--white);text-transform:uppercase;margin-bottom:.6rem}
.footer-brand span{color:var(--cyan)}
hr{border-color:var(--border);opacity:1}
.text-muted{color:var(--text)!important}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--cyan)}
.cat-icon{width:40px;height:40px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--dark3);border:1px solid var(--border);flex-shrink:0}
.game-item-card{transition:border-color .2s;cursor:pointer}
.game-item-card:hover{border-color:var(--cyan)!important}
.auth-wrap{min-height:calc(100vh - 62px);display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.04) 0%,transparent 60%)}
.auth-box{width:100%;max-width:420px}
.auth-logo{font-family:'Rajdhani',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--white);text-align:center;margin-bottom:.4rem}
.auth-logo span{color:var(--cyan)}
.auth-sub{text-align:center;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:2rem}
@media(max-width:768px){.hero-title{font-size:3.5rem}.hero{min-height:85vh}.hero-stats{position:relative}}