*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#f2f2f7;color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}main{width:min(100%,400px);padding:40px 24px}.logo{display:block;width:150px;height:auto;margin:0 auto 36px}nav{display:grid;gap:12px}a{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:18px 20px;border-radius:17px;background:#fff;color:inherit;font-size:16px;font-weight:500;text-decoration:none;transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}a span{font-size:20px;color:#8e8e93}a:hover{background:#e9e9ee;transform:translateY(-2px)}a:active{transform:scale(.98)}a:focus-visible{outline:3px solid #007aff;outline-offset:4px}@media(prefers-reduced-motion:reduce){a{transition:none}}
body{isolation:isolate}main{position:relative;z-index:1}.bats{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.bat{position:absolute;left:var(--x);top:110%;width:var(--size);color:#6e627b;opacity:.14;animation:fly var(--duration) linear var(--delay) infinite;will-change:transform}.bat svg{display:block;width:100%;height:auto;animation:flap var(--flap) ease-in-out infinite alternate;transform-origin:center}a{justify-content:flex-start;gap:14px;background:#ffffffda;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}a>svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a:nth-child(2)>svg{color:#229ed9}a:nth-child(3)>svg{color:#8570c9}a span.label{color:inherit;font-size:16px;flex:1}a>span:last-child{margin-left:auto}@keyframes fly{0%{transform:translate3d(0,0,0) rotate(-8deg)}50%{transform:translate3d(var(--drift),-65vh,0) rotate(8deg)}100%{transform:translate3d(0,-135vh,0) rotate(-8deg)}}@keyframes flap{from{transform:scaleY(.65)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.bat,.bat svg{animation:none}.bat{top:var(--x);transform:rotate(-12deg);opacity:.09}}
/* Consistent monochrome outline icons */
nav a>svg,nav a:nth-child(2)>svg,nav a:nth-child(3)>svg{width:23px;height:23px;color:#48484f;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}