.related-tools[data-v-4a8f6164]{box-sizing:border-box;margin:80px auto 100px;max-width:1000px;padding:0 20px;width:100%;z-index:10}.header[data-v-4a8f6164]{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:40px}.line[data-v-4a8f6164]{background:linear-gradient(90deg,transparent,#222,transparent);flex:1;height:1px}h3[data-v-4a8f6164]{color:#666;font-family:var(--font-serif,"Cinzel",serif);font-size:1rem;letter-spacing:3px;text-transform:uppercase;white-space:nowrap}.grid[data-v-4a8f6164]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.card[data-v-4a8f6164]{align-items:center;background-color:#111;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:30px 20px;position:relative;text-decoration:none;transition:transform .4s cubic-bezier(.165,.84,.44,1),border-color .3s ease,background-color .3s ease}.card[data-v-4a8f6164]:hover{background-color:#161616;border-color:#ffffff1f;transform:translateY(-5px)}.card-keystone[data-v-4a8f6164]{border-radius:0 0 4px 4px;height:3px;left:50%;position:absolute;top:0;transform:translate(-50%);width:40px}.card-nature .card-keystone[data-v-4a8f6164]{background:#27ae60;box-shadow:0 0 10px #27ae6080}.card-light .card-keystone[data-v-4a8f6164]{background:#f1c40f;box-shadow:0 0 10px #f1c40f80}.card-void .card-keystone[data-v-4a8f6164]{background:#8e44ad;box-shadow:0 0 10px #8e44ad80}.card-fire .card-keystone[data-v-4a8f6164]{background:#c0392b;box-shadow:0 0 10px #c0392b80}.icon-box[data-v-4a8f6164]{font-size:2.8rem;margin-bottom:20px;transition:transform .4s ease}.card:hover .icon-box[data-v-4a8f6164]{transform:scale(1.1)}.text-box[data-v-4a8f6164]{text-align:center}.card-title[data-v-4a8f6164]{color:#efefef;font-family:var(--font-serif,"Cinzel",serif);font-size:.95rem;font-weight:600;letter-spacing:1px;margin-bottom:6px}.card-desc[data-v-4a8f6164]{color:#666;font-family:var(--font-sans,"Inter",sans-serif);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase}@media(max-width:768px){.grid[data-v-4a8f6164]{gap:15px;grid-template-columns:repeat(2,1fr)}.card[data-v-4a8f6164]:last-child{display:none}}@media(max-width:480px){.grid[data-v-4a8f6164]{grid-template-columns:1fr}.card[data-v-4a8f6164]:last-child{display:flex}}