body{color:#f1f5f9;background-color:#070a10;font-family:Inter,sans-serif}.font-heading{font-family:Montserrat,sans-serif}.questlog-card-wrapper{flex-direction:column;width:100%;max-width:230px;display:flex;position:relative;overflow:visible}.questlog-card-outline{perspective:800px;cursor:pointer;border-radius:1.5rem;padding:3px;position:relative;background:0 0!important}.questlog-card-inner{height:310px;transform-style:preserve-3d;background-color:#101622;border:1px solid #1e293b;border-radius:1.35rem;transition:transform .3s cubic-bezier(.25,1,.5,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.questlog-card-outline:hover .questlog-card-inner{border-color:#f59e0b;transform:rotateX(16deg);box-shadow:0 10px 30px #f59e0b40}.bg-landscape-layer{z-index:1;border-radius:1.35rem;position:absolute;inset:0;overflow:hidden}.bg-landscape-layer img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s}.questlog-card-outline:hover .bg-landscape-layer img{transform:scale(1.06)}.logo-aion2-layer{z-index:4;pointer-events:none;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.character-pop-layer{z-index:10;pointer-events:none;opacity:0;filter:drop-shadow(0 15px 20px #000000e6);width:240px;height:auto;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:absolute;top:-45px;left:50%;transform:translate(-50%)translateY(30px)scale(.85)}.questlog-card-outline:hover .character-pop-layer{opacity:1;transform:translate(-50%)translateY(-20px)scale(1)}.view-btn-container{z-index:15;opacity:0;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:-18px;left:12px;right:12px;transform:translateY(10px)}.questlog-card-outline:hover .view-btn-container{opacity:1;transform:translateY(0)}.news-filter-btn{color:#94a3b8;cursor:pointer;background:#0d1420;border:1px solid #1e293b;border-radius:9999px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:700;transition:all .2s}.news-filter-btn.active,.news-filter-btn:hover{color:#000;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b40}