@font-face{font-family:"DM Sans";src:url("assets/fonts/DMSans[opsz,wght].ttf") format("truetype");font-weight:100 1000;font-style:normal;font-display:swap}
:root{
--color-cream:#FFFAF7;--color-pink-100:#F8E9EE;--color-pink-200:#F1D4DE;--color-pink-400:#E1ACBE;--color-pink-600:#B34B6D;--color-pink-700:#9E3D5F;--color-pink-800:#7B2E49;
--color-sage-200:#D9E9DC;--color-sage-300:#B9D5BE;--color-blue-200:#D4E9ED;--color-blue-300:#AED5DC;
--color-ink:#252A2B;--color-ink-soft:#514B4A;--color-surface:rgba(255,255,255,.72);--color-border:rgba(37,42,43,.1);
--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;
--radius-pill:999px;--radius-lg:1.25rem;
--shadow-soft:0 1px 2px rgba(37,42,43,.04),0 12px 32px -12px rgba(123,46,73,.18);
--ease:cubic-bezier(.2,.7,.3,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100svh;background:var(--color-cream);color:var(--color-ink);font-family:"DM Sans","Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.6;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--color-pink-700);text-decoration:none}
a:hover{color:var(--color-pink-800)}
a:visited{color:var(--color-pink-700)}
:focus-visible{outline:2px solid var(--color-pink-700);outline-offset:3px;border-radius:var(--radius-pill)}
::selection{background:var(--color-pink-100);color:var(--color-ink)}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.flow{position:fixed;inset:0;z-index:0;width:100%;height:100%;filter:blur(56px) saturate(1.12);transform:scale(1.2)}
.flow::after{content:""}
.page{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8) var(--space-6) calc(var(--space-8) + env(safe-area-inset-bottom))}
.card{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);width:100%;max-width:26rem;text-align:center}
.logo{display:block;width:min(58vw,15rem);height:auto}
.contact{display:flex;flex-direction:column;gap:var(--space-3);width:100%;list-style:none;margin:0;padding:0}
.contact__link{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:3rem;padding:var(--space-3) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);color:var(--color-ink);font-size:1.0625rem;font-weight:500;letter-spacing:.01em;font-variant-numeric:tabular-nums lining-nums;transition:background var(--ease) .2s,box-shadow var(--ease) .2s,transform var(--ease) .2s,color var(--ease) .2s}
.contact__link:hover{background:#fff;color:var(--color-pink-800);transform:translateY(-1px);box-shadow:0 1px 2px rgba(37,42,43,.05),0 18px 40px -14px rgba(123,46,73,.26)}
.contact__link:active{transform:translateY(0)}
.contact__icon{flex:none;width:1.25rem;height:1.25rem;color:var(--color-pink-600)}
.contact__icon svg{display:block;width:100%;height:100%}
@media (min-width:40rem){
.page{gap:var(--space-12)}
.card{max-width:32rem;gap:var(--space-12)}
.logo{width:min(34vw,18rem)}
.contact{flex-direction:row;justify-content:center;gap:var(--space-4)}
.contact__li{flex:1 1 0}
.contact__link{min-height:3.25rem}
}
@media (min-width:64rem){.logo{width:20rem}}
@media (prefers-reduced-motion:reduce){.flow{display:none}body{background:linear-gradient(160deg,var(--color-pink-100),var(--color-cream) 45%,var(--color-blue-200))}.contact__link{transition:none}}