/* Luftee design tokens (Ocean Breeze Sunset). Light theme by design. */
:root{
  --navy:#2D3047; --teal:#5B8E8E; --peach:#FFD5C2; --tang:#F28F3B; --terra:#C8553D; --mist:#93B7BE;
  --white:#FFFFFF; --bg:#FFF8F4; --soft:#FFF1EA; --ink:#2D3047; --muted:#5C5752; --line:#2D304718;
  --display:"Outfit",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased}
.disp{font-family:var(--display)}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--tang);outline-offset:3px;border-radius:8px}

/* Luftee */
.lf{display:inline-block;position:relative}
.lf .lf-in{width:100%;height:100%;transition:transform .2s ease,filter .2s ease,opacity .2s ease}
.lf svg{width:100%;height:100%;overflow:visible;display:block}
.lf-float svg{animation:lfFloat 3.4s ease-in-out infinite}
@keyframes lfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
.lf-poof{transform:scale(.5) rotate(-10deg);filter:blur(4px);opacity:.25}
.lf-pop{animation:lfPop .36s cubic-bezier(.3,1.6,.5,1)}
@keyframes lfPop{0%{transform:scale(.6)}70%{transform:scale(1.1)}100%{transform:scale(1)}}
.lf-eyes{transform-box:fill-box;transform-origin:center;animation:lfBlink 4.6s infinite}
@keyframes lfBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.logo{display:inline-flex;align-items:center;gap:8px;font:800 24px var(--display);color:var(--ink);text-decoration:none}
.logo .lf{width:38px;height:38px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .15s ease}
.btn:active{transform:scale(.97)}
.btn-ink{background:var(--navy);color:#fff}
.btn-ghost{box-shadow:inset 0 0 0 2px var(--navy);color:var(--navy)}
.btn-light{background:#fff;color:var(--navy)}
.ph{border-bottom:2px dashed currentColor;opacity:.7}