@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oxanium:wght@600;700;800&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02060b;color:#e8eef3;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(20,64,95,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(20,64,95,.08) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;z-index:-2}.ambient{position:fixed;inset:0;background:radial-gradient(circle at 50% 32%,rgba(0,145,255,.14),transparent 35%),radial-gradient(circle at 80% 75%,rgba(0,255,125,.07),transparent 30%);pointer-events:none;z-index:-1}
.topbar{height:80px;display:flex;align-items:center;padding:0 2.3%;gap:25px;border-bottom:1px solid #14232f;background:rgba(2,7,12,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{width:270px;height:68px;display:flex;align-items:center;overflow:hidden}.brand img{width:205px;height:70px;object-fit:cover;object-position:center 48%;filter:drop-shadow(0 0 10px rgba(0,130,255,.2))}nav{display:flex;gap:27px;align-items:center;white-space:nowrap}nav a{font-size:12px;font-weight:700;color:#b7c2ca;text-decoration:none;letter-spacing:.3px;position:relative;padding:29px 0}nav a:hover,nav .active{color:#42ff8a}nav .active:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:#2cff78;box-shadow:0 0 12px #2cff78}.top-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.mini-search{height:40px;width:255px;border:1px solid #182b39;background:#060c12;border-radius:8px;display:flex;align-items:center;padding:0 12px;color:#82909a}.mini-search input{border:0;outline:0;background:transparent;color:#dce6eb;width:100%;font-size:12px}.mini-search span{font-size:22px}.top-actions button{height:40px;padding:0 18px;border-radius:7px;font-weight:800;font-size:11px;cursor:pointer}.login{background:#050b11;color:#dce5eb;border:1px solid #263b49}.signup{background:#07130d;color:#4dff91;border:1px solid #19c965;box-shadow:0 0 20px rgba(25,201,101,.12)}.userbtn{background:#07130d;color:#4dff91;border:1px solid #19c965}
.hero{min-height:500px;padding:30px 3.2% 0;display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:1fr 85px;gap:0 35px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 42% 52%,rgba(0,126,255,.12),transparent 45%),linear-gradient(180deg,rgba(2,9,16,.35),#02070c)}.hero:before{content:"";position:absolute;left:4%;right:38%;bottom:15px;height:1px;background:linear-gradient(90deg,transparent,#18a7ff,transparent);opacity:.4}.hero-logo{display:flex;align-items:center;justify-content:center;min-height:390px;position:relative}.hero-logo:after{content:"";position:absolute;width:520px;height:220px;background:rgba(0,168,255,.09);filter:blur(55px);border-radius:50%;z-index:-1}.hero-logo img{width:min(650px,85%);max-height:430px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(0,135,255,.25))}.hero-side{display:flex;flex-direction:column;gap:18px;padding:18px 0 0}.panel,.side-panel{border:1px solid #142b39;background:linear-gradient(145deg,rgba(4,14,22,.95),rgba(2,9,14,.82));border-radius:10px;box-shadow:0 15px 50px rgba(0,0,0,.25)}.panel-title{font-family:Oxanium;color:#38ff86;font-size:14px;font-weight:800;letter-spacing:.6px;padding:18px;border-bottom:1px solid #132732}.welcome p{font-size:13px;color:#a9b6bf;line-height:1.7;margin:14px 18px}.discord{display:block;text-align:center;text-decoration:none;color:#42ff8a;border:1px solid #1ecf69;border-radius:7px;margin:18px;padding:11px;font-size:11px;font-weight:800;background:#06140d;transition:.2s}.discord:hover{background:#0b2717;box-shadow:0 0 20px rgba(31,255,111,.13)}.quick a{display:flex;align-items:center;gap:12px;padding:13px 18px;color:#9aa8b1;text-decoration:none;border-bottom:1px solid #10222d;font-size:12px}.quick a:last-child{border-bottom:0}.quick a:hover{color:#42ff8a;background:#07150e}.quick a b{margin-left:auto;color:#4aff8c}.hero-buttons{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;z-index:3}.glow-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;padding:13px 24px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.glow-btn{background:#06170e;border:1px solid #2aff7c;color:#42ff8a;box-shadow:0 0 20px rgba(42,255,124,.12)}.glow-btn:hover{background:#0a2416;box-shadow:0 0 28px rgba(42,255,124,.22);transform:translateY(-1px)}.ghost-btn{background:#050b11;border:1px solid #365064;color:#d7e1e7}.ghost-btn:hover{border-color:#4e7893}
.statsbar{width:80%;margin:-2px auto 30px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #132d3a;background:rgba(3,12,18,.92);border-radius:9px;position:relative;z-index:4;box-shadow:0 15px 40px rgba(0,0,0,.3)}.statsbar div{text-align:center;padding:19px;border-right:1px solid #142a34}.statsbar div:last-child{border-right:0}.statsbar strong{display:block;color:#3dff87;font-family:Oxanium;font-size:21px}.statsbar span{font-size:9px;color:#73828c;letter-spacing:1px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px;padding:0 3.2%}.content{min-width:0}.search-panel{border:1px solid #142b39;background:#050d13;border-radius:9px;padding:17px;margin-bottom:25px}.search-box{display:grid;grid-template-columns:24px 1fr 180px 100px;gap:9px;align-items:center}.search-box>span{color:#6e8491;font-size:20px}.search-box input,.search-box select{height:42px;background:#081118;border:1px solid #1c3543;color:#dce7ec;border-radius:6px;padding:0 12px;outline:none;font-size:11px}.search-box input:focus,.search-box select:focus{border-color:#26dc73}.search-box button{height:42px;border:1px solid #20d86e;background:#0a2114;color:#46ff8e;border-radius:6px;font-weight:800;font-size:10px;cursor:pointer}.tags{color:#657783;font-size:9px;margin-top:11px}.tags button{margin-left:6px;border:1px solid #1d3642;background:#091218;color:#91a1aa;border-radius:14px;padding:5px 10px;cursor:pointer}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head h2{font-family:Oxanium;font-size:15px;letter-spacing:.6px;margin:0;color:#e3eaee}.section-head h2:first-letter{color:#3fff8a}.section-head a{font-size:9px;color:#41ff8a;text-decoration:none}.cards{display:grid;grid-template-columns:1fr;gap:13px}.card{display:grid;grid-template-columns:48% 1fr;min-height:245px;background:#050d13;border:1px solid #142c39;border-radius:9px;overflow:hidden;transition:.25s}.card:hover{border-color:#24724a;box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 25px rgba(34,255,125,.06)}.thumb{position:relative;min-height:245px;background:#061018;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.card:hover .thumb img{transform:scale(1.035)}.thumb>span{position:absolute;left:12px;bottom:12px;background:#052016d9;border:1px solid #1edb70;color:#48ff91;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:800}.heart{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid #37505d;background:#03090dcc;color:#c9d4da;border-radius:50%;font-size:19px;cursor:pointer}.heart:hover{border-color:#45ff8f}.heart.liked{color:#ff5d78;border-color:#b43d55;background:#210a10}.body{padding:20px 20px 17px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;gap:10px}.body h3{font-family:Oxanium;font-size:20px;margin:0 0 5px}.body p{font-size:10px;color:#73838d;margin:0}.format{border:1px solid #294151;color:#81919b;padding:5px 7px;border-radius:4px;font-size:8px;height:max-content}.desc{color:#a8b5bc!important;line-height:1.7;font-size:11px!important;margin:20px 0!important}.meta{display:flex;gap:20px;color:#42ff8a;font-size:9px;font-weight:700;margin-top:auto;margin-bottom:16px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.download,.details{display:flex;align-items:center;justify-content:center;padding:11px;text-decoration:none;border-radius:6px;font-size:9px;font-weight:800}.download{background:#082217;border:1px solid #1fd86e;color:#43ff8d}.details{background:#071016;border:1px solid #2a4352;color:#a9b7bf}.download:hover{box-shadow:0 0 18px rgba(35,255,125,.12)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-grid button{min-height:105px;background:#050e14;border:1px solid #15303e;color:#3eff8b;border-radius:7px;cursor:pointer;transition:.2s}.category-grid button:hover{transform:translateY(-3px);border-color:#2be37a}.category-grid span{display:block;font-size:24px}.category-grid b{display:block;color:#dfe8ec;font-size:11px;margin-top:7px}.category-grid small{color:#657681;font-size:8px}.upload-section{margin-top:35px}.upload{border:1px dashed #286448;background:#06100c;border-radius:9px;padding:35px;text-align:center}.uploadicon{font-size:40px;color:#42ff8a}.upload h3{font-family:Oxanium;margin:8px 0;font-size:18px}.upload p{color:#6f7f87;font-size:10px}.upload-fields{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.upload-fields input,.upload-fields select{height:40px;background:#050b0e;color:#dce5e9;border:1px solid #234134;border-radius:6px;padding:0 10px;font-size:10px}.upload-fields .glow-btn{border-radius:6px;padding:0 18px}
.sidebar{display:flex;flex-direction:column;gap:18px}.side-panel{overflow:hidden}.side-panel .panel-title{font-size:13px}.side-panel>p,.side-text{padding:0 18px;line-height:1.7;color:#85939c;font-size:11px}.side-panel button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #112530;background:transparent;color:#aab6bd;padding:13px 16px;text-align:left;font-size:11px;cursor:pointer}.side-panel button:hover{background:#07150f;color:#46ff8e}.side-panel button span{color:#40ff8a}.side-panel button b{margin-left:auto;color:#70818b;font-size:10px}.view-all{display:flex;justify-content:space-between;padding:15px 16px;color:#41ff8a;text-decoration:none;font-size:10px}.top-item{display:grid;grid-template-columns:22px 65px 1fr;align-items:center;gap:9px;padding:12px 14px;text-decoration:none;border-bottom:1px solid #112530}.top-item:last-child{border-bottom:0}.rank{font-family:Oxanium;color:#46ff8e}.top-item img{width:65px;height:48px;object-fit:cover;border-radius:4px}.top-item b{display:block;color:#dfe8ec;font-size:9px;line-height:1.35}.top-item small{display:block;color:#42ff8a;font-size:8px;margin-top:4px}.empty{padding:45px;text-align:center;color:#65757f;border:1px dashed #1a313d;border-radius:8px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(10px);z-index:50;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{width:min(430px,100%);position:relative;background:#061018;border:1px solid #236342;border-radius:11px;padding:28px;box-shadow:0 30px 90px #000}.modal-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#8a9aa4;font-size:27px;cursor:pointer}.modal-brand{font-family:Oxanium;font-size:25px;font-weight:800;margin-bottom:18px}.modal-brand span{color:#3fff8a}.auth-tabs{display:flex;gap:5px;background:#071117;padding:4px;border:1px solid #18313d;border-radius:7px;margin-bottom:13px}.auth-tabs button{flex:1;border:0;border-radius:5px;padding:10px;background:transparent;color:#71828d;font-weight:800;cursor:pointer}.auth-tabs button.selected{background:#0b2517;color:#42ff8a}.modal-card form{display:flex;flex-direction:column;gap:9px}.modal-card input{height:43px;background:#040b10;color:#e4edf1;border:1px solid #203946;border-radius:6px;padding:0 12px;outline:none}.auth-status{min-height:16px;color:#ff6d83;font-size:10px}.auth-note{display:block;color:#5e707a;margin-top:13px}.account-card{text-align:center}
footer{margin-top:65px;border-top:1px solid #122731;padding:24px 3.2%;display:flex;justify-content:space-between;align-items:center;background:#02070b}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:120px;height:45px;object-fit:cover}.footer-brand span{font-size:9px;color:#60717b}footer a{color:#667780;text-decoration:none;font-size:9px;margin-left:20px}footer a:hover{color:#43ff8b}
@media(max-width:1200px){nav{display:none}.brand{width:190px}.mini-search{width:210px}.layout{grid-template-columns:1fr 280px}.hero{grid-template-columns:1fr 300px}}@media(max-width:850px){.topbar{padding:0 14px}.mini-search{display:none}.hero{grid-template-columns:1fr;grid-template-rows:auto auto 80px}.hero-side{display:grid;grid-template-columns:1fr 1fr}.hero-logo img{max-height:390px}.statsbar{width:92%}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.topbar{height:65px}.brand img{width:155px}.top-actions button{padding:0 10px}.hero{padding:15px 3% 0}.hero-side{grid-template-columns:1fr}.hero-logo{min-height:310px}.hero-logo img{max-height:310px;width:100%}.hero-buttons{gap:7px}.glow-btn,.ghost-btn{padding:11px 13px}.statsbar{grid-template-columns:1fr 1fr}.statsbar div{border-bottom:1px solid #142a34}.search-box{grid-template-columns:24px 1fr}.search-box select,.search-box button{grid-column:1/-1}.card{grid-template-columns:1fr}.thumb{min-height:210px}.category-grid{grid-template-columns:repeat(2,1fr)}.sidebar{grid-template-columns:1fr}footer{display:block}.footer-brand{margin-bottom:12px}footer a{margin-left:0;margin-right:14px}}