:root{--brand:#008f91;--brand-deep:#006f72;--mint:#04bfad;--cream:#f6f4ef;--white:#fff;--ink:#173c3a;--muted:#476762}
*{box-sizing:border-box}
html{min-height:100%;background:var(--brand)}
body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white);background:radial-gradient(ellipse at 50% -12%,#17a6a6 0%,var(--brand) 46%,var(--brand-deep) 135%);-webkit-font-smoothing:antialiased}
a,button{-webkit-tap-highlight-color:transparent}
.container{width:min(100% - 32px,430px);margin:auto;padding:32px 0 28px}
.header{text-align:center;padding:0 12px 28px}
.logo{display:block;width:118px;height:118px;object-fit:contain;margin:0 auto 13px;background:transparent;border:0;box-shadow:none}
h1{font-size:25px;font-weight:750;line-height:1.2;letter-spacing:-.7px;margin:8px 0 5px}
.tagline{font-size:13px;font-weight:650;margin:0;color:#d9fffa}
.intro{font-size:14px;line-height:1.5;max-width:310px;margin:15px auto 0;color:#ecffff}
.links{display:flex;flex-direction:column;gap:11px}
.link{min-height:68px;display:flex;align-items:center;gap:12px;padding:11px 14px;color:var(--ink);text-decoration:none;background:var(--cream);border:1px solid #ffffff99;border-radius:14px;box-shadow:0 4px 16px #003e3b16;transition:transform .18s,background .18s,box-shadow .18s}
.link:hover{transform:translateY(-2px);background:white;box-shadow:0 8px 24px #003e3b27}
.link:focus-visible,.share:focus-visible{outline:3px solid #fff;outline-offset:3px}
.link.highlight{background:var(--white);border:2px solid #b4f6ec;box-shadow:0 8px 24px #003d3b29}
.link-icon{display:grid;place-items:center;flex:none;width:41px;height:41px;border-radius:11px;background:#dff5f0;color:var(--brand-deep)}
.link-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.link-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.link-copy strong{font-size:14px;font-weight:750;line-height:1.2}
.link-copy small{font-size:11px;line-height:1.3;color:var(--muted)}
.link-arrow{font-size:27px;font-weight:300;color:var(--brand-deep);line-height:1;padding-right:2px}
.footer{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;padding-top:27px;color:#e7fffa;font-size:11px}
.footer img{border-radius:50%}.footer small{font-size:10px;opacity:.8}
.share{font:inherit;font-weight:650;color:white;border:1px solid #b6efeb88;background:#ffffff18;border-radius:30px;padding:9px 15px;cursor:pointer}
.share:hover{background:#ffffff30}
.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);background:#083f40;color:white;padding:11px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:13px;white-space:nowrap}
.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:720px){.container{padding-top:42px}.logo{width:132px;height:132px}h1{font-size:28px}.link{min-height:72px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}