@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Lora:wght@500;600;700&display=swap');

:focus-visible{outline:none}

.navlink{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.5rem .75rem;color:rgba(226,232,240,.92);transition:background-color .15s ease,color .15s ease,transform .15s ease}
.navlink:hover{background-color:rgba(255,255,255,.07);color:#fff;transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgba(147,197,253,.9)}

.menu-link{display:inline-flex;justify-content:center;border-radius:1rem;padding:.75rem 1rem;font-size:1.5rem;font-weight:650;color:rgba(241,245,249,.95);transition:transform .15s ease,background-color .15s ease,color .15s ease}
.menu-link:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.menu-link:focus-visible{box-shadow:0 0 0 2px rgba(147,197,253,.9)}

.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.9rem;padding:.75rem 1.05rem;font-size:.95rem;font-weight:700;background-image:linear-gradient(to right,rgba(96,165,250,1),rgba(29,78,216,1));color:#fff;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-primary:focus-visible{box-shadow:0 0 0 3px rgba(191,219,254,.9)}
.btn-primary:active{transform:translateY(0)}
.btn-primary[aria-disabled="true"],.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}

.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.9rem;padding:.75rem 1.05rem;font-size:.95rem;font-weight:700;border:1px solid rgba(255,255,255,.14);background-color:rgba(255,255,255,.06);color:rgba(248,250,252,.98);transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}
.btn-secondary:hover{background-color:rgba(255,255,255,.1);transform:translateY(-1px)}
.btn-secondary:focus-visible{box-shadow:0 0 0 3px rgba(147,197,253,.9)}
.btn-secondary:active{transform:translateY(0)}
.btn-secondary[aria-disabled="true"],.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}

.footlink{color:rgba(203,213,225,.92);transition:color .15s ease,background-color .15s ease;display:inline-flex;align-items:center;border-radius:.6rem;padding:.15rem .25rem}
.footlink:hover{color:#fff;background-color:rgba(255,255,255,.06)}
.footlink:focus-visible{box-shadow:0 0 0 2px rgba(147,197,253,.9)}

input,textarea,select{font:inherit}

::selection{background:rgba(59,130,246,.25);color:#fff}

@media (prefers-reduced-motion:reduce){
  .navlink,.menu-link,.btn-primary,.btn-secondary{transition:none}
}