@import url('styles.css');

.not-found-page{min-height:62vh;display:grid;place-items:center;padding-top:150px}
.not-found-wrap{width:100%;max-width:820px}
.not-found-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(150deg,rgba(134,104,242,.16),rgba(117,233,191,.06));border:1px solid var(--line);border-radius:32px;padding:70px 48px}
.not-found-card:before{content:"";position:absolute;width:420px;height:420px;top:-220px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(134,104,242,.45),transparent 68%);filter:blur(25px);pointer-events:none}
.not-found-card>*{position:relative}
.not-found-card .eyebrow{order:1}
.not-found-card .not-found-code{order:2}
.not-found-card h1{order:3}
.not-found-card .lead{order:4}
.not-found-card .btnrow{order:5}
.not-found-code{font-family:'Saira Semi Condensed',Inter,sans-serif;font-size:clamp(6rem,18vw,11rem);font-style:italic;font-weight:800;line-height:.85;letter-spacing:-.04em;margin:34px 0 18px}
.not-found-card h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 14px}
.not-found-card .lead{max-width:570px;margin:0 auto 28px}
.not-found-card .btnrow{justify-content:center}
@media(max-width:600px){
  .not-found-page{padding-top:112px}
  .not-found-card{padding:48px 22px;border-radius:22px}
  .not-found-card .btnrow{flex-direction:column;align-items:stretch}
  .not-found-card .btn{width:100%;box-sizing:border-box}
}