*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#05070b;color:#fff;font-family:"Be Vietnam Pro",sans-serif}.background{position:fixed;inset:0;background:url('../../uploads/backgrounds/background_20260902_232321.png') center/cover no-repeat;z-index:-2}.overlay{position:fixed;inset:0;background:linear-gradient(90deg,rgba(2,5,12,.96),rgba(4,8,18,.72),rgba(2,5,12,.96));z-index:-1}main{width:min(1180px,92%);min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:45px 0}header{text-align:center;margin-bottom:45px}.logo{width:72px;height:72px;margin:0 auto 16px;border:2px solid #67d7ff;border-radius:50%;display:grid;place-items:center;font:700 27px "Be Vietnam Pro";box-shadow:0 0 22px rgba(70,190,255,.35)}h1{font:700 clamp(34px,5vw,58px) "Be Vietnam Pro";letter-spacing:5px}.line{width:90px;height:2px;background:#67d7ff;margin:10px auto;box-shadow:0 0 12px #67d7ff}header p{font:600 15px "Be Vietnam Pro";letter-spacing:7px;color:rgba(255,255,255,.7)}.select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.select-card{min-height:300px;padding:24px;border:1px solid rgba(150,210,255,.2);background:linear-gradient(145deg,rgba(20,30,48,.9),rgba(5,10,20,.95));color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:.25s;font:inherit}.select-card:hover{transform:translateY(-8px);border-color:#67d7ff;box-shadow:0 15px 40px rgba(0,0,0,.5),0 0 28px rgba(60,190,255,.15)}.number{font:600 14px "Be Vietnam Pro";letter-spacing:3px;color:#72d8ff}.type{margin-left:auto;margin-top:-18px;font:600 11px "Be Vietnam Pro";letter-spacing:2px;color:rgba(255,255,255,.5)}.select-card h2{margin-top:75px;font:700 25px "Be Vietnam Pro";letter-spacing:1px}.select-card p{margin-top:8px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.6}.button{margin-top:auto;border:1px solid rgba(100,210,255,.35);padding:12px 14px;font:700 13px "Be Vietnam Pro";letter-spacing:2px;display:flex;justify-content:space-between}.select-card:hover .button{background:rgba(70,180,255,.16);border-color:#67d7ff}footer{text-align:center;margin-top:36px;color:rgba(255,255,255,.35);font:500 11px "Be Vietnam Pro";letter-spacing:2px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.open{display:flex}.modal-box{width:min(430px,100%);background:#09111e;border:1px solid rgba(100,210,255,.4);padding:30px;position:relative;box-shadow:0 20px 70px #000}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.modal-label{font:600 11px "Be Vietnam Pro";letter-spacing:3px;color:#67d7ff}.modal-box h2{font:700 28px "Be Vietnam Pro";margin:5px 0 22px}.community-list{display:grid;gap:10px}.community-list a{border:1px solid rgba(100,210,255,.22);padding:15px;color:#fff;display:flex;align-items:center;gap:12px}.community-list a:hover{border-color:#67d7ff;background:rgba(70,180,255,.1)}.community-list span{color:#67d7ff;font:600 14px "Be Vietnam Pro"}.community-list b{font-size:13px;flex:1}.community-list i{font-style:normal}@media(max-width:900px){.select-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){main{padding:30px 0}.select-grid{grid-template-columns:1fr}.select-card{min-height:240px}.select-card h2{margin-top:45px}header{margin-bottom:30px}}