@tailwind base;
@tailwind components;
@tailwind utilities;

:focus-visible{outline:none}

.navlink{display:inline-flex;align-items:center;justify-content:center;border-radius:0.75rem;padding:0.5rem 0.75rem;font-size:0.95rem;font-weight:600;color:rgb(226 232 240);transition:background-color .2s,transform .2s,box-shadow .2s}
.navlink:hover{background-color:rgb(255 255 255 / 0.06)}
.navlink:focus-visible{box-shadow:0 0 0 3px rgb(94 234 212 / 0.35)}

.mobilelink{display:flex;align-items:center;justify-content:center;border-radius:1rem;padding:0.85rem 1rem;font-size:1.5rem;line-height:1.75rem;font-weight:700;color:rgb(241 245 249);background-color:rgb(255 255 255 / 0.04);border:1px solid rgb(255 255 255 / 0.10);transition:transform .2s,background-color .2s}
.mobilelink:hover{background-color:rgb(255 255 255 / 0.08);transform:translateY(-2px)}
.mobilelink:focus-visible{box-shadow:0 0 0 3px rgb(94 234 212 / 0.35)}

.card-dark{border-radius:1rem;border:1px solid rgb(255 255 255 / 0.10);background-color:rgb(255 255 255 / 0.05);padding:1.25rem;box-shadow:0 12px 30px rgb(0 0 0 / 0.18);transition:transform .2s,box-shadow .2s,background-color .2s}
.card-dark:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgb(0 0 0 / 0.26);background-color:rgb(255 255 255 / 0.06)}

.iconchip{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:0.9rem;border:1px solid rgb(255 255 255 / 0.10)}

.tag{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgb(255 255 255 / 0.12);background-color:rgb(255 255 255 / 0.05);padding:.45rem .8rem;font-size:.9rem;font-weight:700;color:rgb(226 232 240)}

.footlink{color:rgb(226 232 240);text-decoration:none;transition:color .2s,opacity .2s}
.footlink:hover{color:rgb(255 255 255)}
.footlink:focus-visible{box-shadow:0 0 0 3px rgb(94 234 212 / 0.35);border-radius:.5rem}

.socialbtn{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:0.9rem;border:1px solid rgb(255 255 255 / 0.10);background-color:rgb(255 255 255 / 0.04);color:rgb(226 232 240);transition:transform .2s,background-color .2s}
.socialbtn:hover{transform:translateY(-2px);background-color:rgb(255 255 255 / 0.08)}
.socialbtn:focus-visible{box-shadow:0 0 0 3px rgb(94 234 212 / 0.35)}

.accordion-item{border-radius:1rem;border:1px solid rgb(255 255 255 / 0.10);background-color:rgb(255 255 255 / 0.05);overflow:hidden}
.accordion-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem;font-size:1rem;font-weight:800;color:rgb(241 245 249);background:transparent;transition:background-color .2s}
.accordion-btn:hover{background-color:rgb(255 255 255 / 0.05)}
.accordion-btn:focus-visible{box-shadow:0 0 0 3px rgb(94 234 212 / 0.35)}
.accordion-icon{transition:transform .2s}
.accordion-panel{padding:0 1rem 1rem 1rem}

img{max-width:100%;height:auto;display:block}

body.menu-open{overflow:hidden}