.navlink{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:1rem;color:rgb(226 232 240);font-weight:600;transition:background-color .2s,transform .2s,color .2s;outline:none}
.navlink:hover{background-color:rgba(255,255,255,.08);color:rgb(248 250 252);transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgba(129,140,248,.6),0 0 0 6px rgba(11,18,32,1)}

.mobilelink{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:22rem;padding:.9rem 1rem;border-radius:1.25rem;background-color:rgba(255,255,255,.06);color:rgb(248 250 252);font-weight:700;letter-spacing:-.01em;transition:transform .2s,background-color .2s;outline:none}
.mobilelink:hover{background-color:rgba(255,255,255,.1);transform:translateY(-1px)}
.mobilelink:focus-visible{box-shadow:0 0 0 2px rgba(129,140,248,.6),0 0 0 6px rgba(0,0,0,.2)}

.card{border-radius:1.5rem;background-color:rgba(255,255,255,.05);box-shadow:0 10px 30px rgba(0,0,0,.25);padding:1.25rem;ring:1px;outline:none;transition:transform .2s,box-shadow .2s,background-color .2s;border:1px solid rgba(255,255,255,.08)}
.card:hover{transform:translateY(-3px);background-color:rgba(255,255,255,.07);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.card:focus-within{box-shadow:0 0 0 2px rgba(129,140,248,.55),0 16px 40px rgba(0,0,0,.35)}

.cardicon{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:1.25rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 20px rgba(0,0,0,.25)}
.cardtitle{margin-top:.9rem;font-family:Fraunces,ui-serif,Georgia,serif;font-size:1.125rem;line-height:1.5rem;letter-spacing:-.01em}
.cardtext{margin-top:.55rem;font-size:1rem;line-height:1.6;color:rgb(203 213 225)}
.cardlink{margin-top:1rem;display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:rgb(199 210 254);padding:.3rem .2rem;border-radius:.75rem;transition:color .2s,transform .2s,background-color .2s;outline:none}
.cardlink:hover{color:rgb(224 231 255);transform:translateX(2px);background-color:rgba(255,255,255,.06)}
.cardlink:focus-visible{box-shadow:0 0 0 2px rgba(129,140,248,.6),0 0 0 6px rgba(11,18,32,1)}

.step{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,rgba(52,211,153,.22),rgba(99,102,241,.18));border:1px solid rgba(255,255,255,.12);font-weight:800;color:rgb(248 250 252);flex:0 0 auto}

.field{display:flex;flex-direction:column;gap:.4rem}
.fieldlabel{font-size:.8rem;line-height:1rem;color:rgb(203 213 225)}
.fieldinput{border-radius:1rem;background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.7rem .9rem;color:rgb(248 250 252);outline:none;min-height:2.75rem}
.fieldinput:focus{box-shadow:0 0 0 2px rgba(52,211,153,.45),0 0 0 6px rgba(11,18,32,1);border-color:rgba(52,211,153,.35)}

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

.footlink{color:rgb(203 213 225);transition:color .2s,background-color .2s;outline:none;border-radius:.75rem;padding:.15rem .35rem;display:inline-flex;align-items:center;gap:.4rem}
.footlink:hover{color:rgb(248 250 252);background-color:rgba(255,255,255,.06)}
.footlink:focus-visible{box-shadow:0 0 0 2px rgba(129,140,248,.6),0 0 0 6px rgba(11,18,32,1)}

.social{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:1rem;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgb(226 232 240);transition:transform .2s,background-color .2s,color .2s;outline:none}
.social:hover{background-color:rgba(255,255,255,.1);transform:translateY(-1px);color:rgb(248 250 252)}
.social:focus-visible{box-shadow:0 0 0 2px rgba(129,140,248,.6),0 0 0 6px rgba(11,18,32,1)}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}