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

:focus-visible{outline:2px solid rgba(199,210,254,.9);outline-offset:2px}

.navlink{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-radius:.9rem;color:rgba(226,232,240,1);border:1px solid rgba(255,255,255,.08);background-color:rgba(255,255,255,.04);transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.navlink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px);border-color:rgba(255,255,255,.14)}

.mobilelink{font-size:1.5rem;line-height:2rem;color:rgba(241,245,249,1);padding:.75rem 1rem;border-radius:1rem;width:100%;text-align:center;border:1px solid rgba(255,255,255,.08);background-color:rgba(255,255,255,.04);transition:transform .15s ease,background-color .15s ease}
.mobilelink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}

.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.05rem;border-radius:1rem;font-weight:600;color:rgba(15,23,42,1);background-image:linear-gradient(135deg, rgba(199,210,254,1), rgba(52,211,153,1));border:1px solid rgba(255,255,255,.16);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 18px 40px rgba(99,102,241,.18)}
.btn-primary:disabled{opacity:.6;transform:none;cursor:not-allowed}

.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.05rem;border-radius:1rem;font-weight:600;color:rgba(241,245,249,1);background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.btn-secondary:hover{transform:translateY(-1px);background-color:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
.btn-secondary:disabled{opacity:.6;transform:none;cursor:not-allowed}

.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:1rem;font-weight:600;color:rgba(226,232,240,1);background-color:transparent;border:1px dashed rgba(255,255,255,.18);transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.btn-ghost:hover{transform:translateY(-1px);background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.26)}

.card{border-radius:1.25rem;border:1px solid rgba(255,255,255,.10);background-image:linear-gradient(to bottom, rgba(255,255,255,.10), rgba(255,255,255,.05));padding:1.5rem;box-shadow:0 18px 50px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 28px 80px rgba(0,0,0,.35)}

.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;line-height:1rem;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.05);color:rgba(226,232,240,1)}

.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.04);color:rgba(226,232,240,1);font-size:.9rem}

.footerlink{color:rgba(203,213,225,1);text-decoration:none;transition:color .15s ease}
.footerlink:hover{color:rgba(241,245,249,1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.25)}

.iconbtn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.04);color:rgba(226,232,240,1);transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.iconbtn:hover{transform:translateY(-1px);background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}

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

input,textarea,button,select{font-size:16px}

@media (prefers-reduced-motion: reduce){
  .animate-beam,.animate-fadeIn,.animate-slideUp,.animate-softPulse{animation:none!important}
  .card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover,.navlink:hover,.mobilelink:hover,.iconbtn:hover{transform:none!important}
}