*{box-sizing:border-box}body{margin:0;background:#020408;color:#e7eaf0;font:14px Arial,'Malgun Gothic',sans-serif}button,a,input{font:inherit}button,a{cursor:pointer}button{color:inherit}a{text-decoration:none;color:inherit}header{height:75px;background:#090c17;border-bottom:1px solid #263245;display:flex;align-items:center;gap:30px;padding:8px 28px;position:sticky;top:0;z-index:9}.logo{font-weight:1000;font-style:italic;font-size:39px;letter-spacing:-3px;color:#c6f7ff;text-shadow:0 2px #0d3a84,0 0 18px #168bff;-webkit-text-stroke:1px #6cc9ff;min-width:205px;text-align:center}.logo small{display:block;font-size:9px;letter-spacing:4px;color:#fff;line-height:11px}.ticker{flex:1;white-space:nowrap;overflow:hidden;border:1px solid #1d2436;padding:10px;border-radius:8px;font-size:12px}.account{display:flex;gap:15px;font-size:12px;align-items:center}.account b{color:#37d5f6}button{border:1px solid #283447;background:#101725;border-radius:6px;padding:8px 12px}button:hover{border-color:#55c8ff;background:#14263f}.layout{display:grid;grid-template-columns:237px minmax(0,1fr) 275px;gap:20px;padding:20px 12px 40px;max-width:1800px;margin:auto}nav{min-width:0}.navgroup{background:#0a0e1c;border:1px solid #191e30;border-radius:18px;padding:15px;margin-top:18px}.navgroup a{display:flex;align-items:center;gap:15px;padding:14px 9px;color:#b9bfcc}.navgroup a:hover,.navgroup a.active{background:linear-gradient(90deg,#073e45,transparent);color:#6ddcff;border-radius:8px}.navgroup i{font-style:normal;width:27px;text-align:center;color:#b8f5ff;filter:drop-shadow(0 0 7px #27e6cf);font-size:21px}em{font-size:9px;border-radius:6px;background:#20c985;color:#02180e;padding:4px;font-style:normal;margin-left:auto}nav>button{width:100%;padding:6px;background:#060a11}main{min-width:0}.hero{height:255px;border:1px solid #264976;border-radius:12px;position:relative;overflow:hidden;background:#06152c url('assets/hero.png') center/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020817c9,transparent 80%)}.herotext{position:relative;z-index:1;padding:23px;width:70%;text-shadow:0 2px 5px #000}.herotext .logo{text-align:left;font-size:51px}.herotext h1{font-size:31px;line-height:1.25;margin:12px 0;color:#def9ff;font-weight:1000}.herotext p{font-size:13px;color:#8adeff}.dots{position:absolute;z-index:2;bottom:10px;left:45%;display:flex;gap:7px}.dots button{padding:0;width:22px;height:5px;background:#abdefb;border:0}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:32px 0}.category{background:radial-gradient(ellipse at top,#134679,#060b18 80%);border:1px solid #4389ba;border-radius:8px;text-align:center;padding:18px 3px 12px;box-shadow:inset 0 0 15px #1f5698}.category span{display:block;font-size:43px;margin-bottom:10px;filter:drop-shadow(0 0 7px #6ac6ff)}.category b{font-size:16px;display:block}.category small{font-size:8px;color:#a6c6df}h2{font-size:20px;margin:28px 0 17px;padding-bottom:17px;border-bottom:2px solid #34445d}h2 small{font-size:10px;color:#6b7485;font-weight:400;margin-left:10px}.events{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.event{min-width:0;cursor:pointer}.poster{height:190px;position:relative;border:1px solid #8c8157;border-radius:11px;overflow:hidden;background:#0b1f34 url('assets/hero.png') 70% center/auto 100%;box-shadow:inset 0 0 15px #00aaff}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 50%,#000b)}.poster strong{position:absolute;top:13px;left:3px;right:3px;z-index:1;font-size:17px;text-align:center;color:#fff2bb;text-shadow:0 2px 3px #000}.poster span{position:absolute;bottom:15px;left:0;right:0;z-index:1;text-align:center;font-weight:1000;font-size:22px;color:#78e6ff;text-shadow:0 0 8px #008dff}.event p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.boards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.panel{background:#090d1a;border:1px solid #1b263c;border-radius:12px;padding:20px}.panel h2{margin:0 0 10px}.row{display:block;border-bottom:1px solid #1c2537;padding:14px 0;font-size:13px}.row:hover{color:#77d8ff}aside button{display:flex;align-items:center;text-align:left;width:100%;height:80px;margin-bottom:11px;background:radial-gradient(ellipse at left,#183e69,#030716 75%);border:2px solid #6596c6;box-shadow:inset 0 0 8px #74bfff;border-radius:7px;padding:8px}.sideicon{font-size:36px;margin-right:12px;filter:drop-shadow(0 0 7px #52abff)}aside strong{display:block;font-size:18px;letter-spacing:-1px}aside small{font-size:9px;color:#9aacc5}aside label{display:block;font-size:9px;border:1px solid #5b9ac9;border-radius:12px;text-align:center;margin-top:6px;width:105px;color:#c8ecff}.partners{display:flex;gap:15px;overflow:hidden}.partners div{padding:22px;background:#111727;border:1px solid #293146;border-radius:12px;font-weight:900;font-size:21px;white-space:nowrap}footer{text-align:center;color:#69758a;padding:40px;font-size:11px;border-top:1px solid #19233a;margin-top:35px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.provider{height:170px;border:1px solid #4b97cc;border-radius:8px;background:radial-gradient(circle,#134675,#0a1021 80%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;box-shadow:inset 0 0 20px #1a4d7b}.provider b{font-size:21px}.provider span{font-size:42px}.empty{text-align:center;padding:70px 15px;color:#8190a9}.tabs{display:flex;gap:8px;margin-bottom:24px}.form{display:grid;gap:15px;max-width:550px;margin:25px auto}.form label{display:grid;gap:9px;color:#aab5c9}input,textarea{background:#020711;border:1px solid #2d3b53;border-radius:6px;padding:13px;color:#fff;width:100%}.badge{color:#7bdaf3;font-size:12px}.modal{position:fixed;inset:0;z-index:30;background:#000b;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalbox{position:relative;width:460px;max-width:100%;max-height:90vh;overflow:auto;border:1px solid #437fad;border-radius:14px;background:#0a1221;padding:30px;box-shadow:0 0 70px #175c9650}.close{position:absolute;right:10px;top:10px}.modalbox .logo{margin:15px 0}.primary{background:linear-gradient(90deg,#176db2,#158baf);border-color:#50c5ec}.mobilemenu{display:none}.chat{position:fixed;bottom:20px;right:20px;border-radius:50%;height:52px;background:#075276;z-index:10}@media(min-width:1600px){.hero{height:320px}.poster{height:250px}}@media(max-width:1100px){.layout{grid-template-columns:195px minmax(0,1fr)}aside{display:none}.account{gap:8px}.ticker{display:none}.events{gap:7px}.poster{height:170px}.categories{gap:6px}.category b{font-size:13px}}@media(max-width:700px){header{height:66px;padding:7px 12px;justify-content:space-between;gap:5px}.logo{min-width:140px;font-size:32px}.account{font-size:11px}.account .detail{display:none}.mobilemenu{display:block}.layout{display:block;padding:12px}nav{display:none;position:fixed;top:66px;bottom:0;left:0;width:240px;overflow:auto;background:#040711;z-index:20;padding:10px}body.menu nav{display:block}.hero{height:220px}.herotext{width:85%;padding:20px}.herotext .logo{font-size:37px}.herotext h1{font-size:25px}.categories{grid-template-columns:repeat(3,1fr);margin:18px 0;gap:9px}.category{padding:10px}.category span{font-size:30px}.events{grid-template-columns:repeat(2,1fr);gap:14px}.poster{height:230px}.events .event:last-child{display:none}.boards{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}h2{font-size:18px}}