@font-face{font-family:BankGothic Lt BT;src:url("/src/assets/Bank Gothic Light Regular.otf")format("truetype");font-weight:400;font-style:normal}body{font-family:BankGothic Lt BT,sans-serif}.selector{cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:400px;height:250px;transition:transform .4s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.selector:hover{transform:scale(1.05);box-shadow:0 10px 25px #0003}.selector-bg{object-fit:cover;filter:brightness(.95);z-index:0;width:100%;height:100%;transition:filter .4s;position:absolute;inset:0}.selector:hover .selector-bg{filter:brightness()}.selector-logo{object-fit:contain;z-index:2;width:150px;height:auto;animation:1s forwards fadeIn}.selector-header{color:#000;z-index:2;margin-top:20px;font-size:22px;font-weight:700;animation:.8s forwards slideUp}.selector-line{z-index:3;background:#2563eb;width:6px;height:100%;animation:1s forwards growLine;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes growLine{0%{height:0}to{height:100%}}@media (max-width:1024px){.selector{width:320px;height:220px}.selector-logo{width:130px}.selector-header{font-size:20px}}@media (max-width:768px){.selector{width:280px;height:200px}.selector-logo{width:120px}.selector-header{font-size:18px}}@media (max-width:480px){.selector{width:90%;height:180px}.selector-logo{width:100px}.selector-header{font-size:16px}}