.page{background:var(--background);flex-direction:column;min-height:100dvh;display:flex}.main{flex:1;width:min(100%,62rem);margin-inline:auto;padding:clamp(3rem,8vh,6rem) 1.25rem 4rem}.intro{text-align:center;max-width:35rem;margin-inline:auto}.code{border:1px solid var(--border);background:var(--surface);color:var(--muted-foreground);font-family:var(--font-geist-mono), monospace;letter-spacing:-.08em;border-radius:1rem;margin-bottom:1.75rem;padding:.4rem 1.5rem;font-size:clamp(3rem,10vw,4.5rem);font-weight:500;line-height:1.3;display:inline-block;position:relative}.code span{background:var(--accent);border-radius:1rem;height:3px;position:absolute;bottom:-.2rem;left:38%;right:38%}.eyebrow{color:var(--muted-foreground);letter-spacing:.12em;margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.intro h1{color:var(--foreground);letter-spacing:-.045em;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:600;line-height:1.2}.description{max-width:29rem;color:var(--muted-foreground);margin:1rem auto 1.75rem;font-size:.9375rem;line-height:1.8}.destinations{gap:1rem;margin-top:3.5rem;display:grid}.card{border:1px solid var(--border);background:var(--surface-elevated);border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:background .15s,border-color .15s;display:flex}.card:hover{background:var(--surface-hover);border-color:var(--accent)}.icon{color:var(--muted-foreground);margin-bottom:1.25rem}.card h2{font-size:.875rem;font-weight:600}.card p{color:var(--muted-foreground);flex:1;margin-top:.5rem;font-size:.8125rem;line-height:1.7}.cardAction{color:var(--accent);justify-content:space-between;align-items:center;margin-top:1.5rem;font-size:.75rem;font-weight:500;display:flex}@media (min-width:640px){.destinations{grid-template-columns:repeat(3,minmax(0,1fr))}}