:root{--teal:#12C6D6;--teal-d:#0A8F9C;--mint:#E6FAF3;--mint2:#D2F5EA;--teal-l:#DDF8FB;--ink:#2B3440;--muted:#5E6875;--green:#26B472;--pink:#FFB8C9}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);line-height:1.6;font-size:17px;
background:radial-gradient(circle at 10% 0%,#fff 0,transparent 40%),linear-gradient(180deg,var(--mint) 0%,var(--teal-l) 100%);min-height:100vh;
padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{color:var(--teal-d);text-decoration-thickness:2px;text-underline-offset:2px}
.top{max-width:820px;margin:0 auto;padding:18px 18px 8px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.brand{font-weight:800;font-size:22px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}
.turtle{display:inline-block;animation:bob 3s ease-in-out infinite}
.langs{display:flex;flex-wrap:wrap;gap:6px}
.langs a{font-size:14px;font-weight:700;text-decoration:none;padding:4px 10px;border-radius:999px;background:#fff;color:var(--teal-d);box-shadow:0 2px 0 var(--mint2)}
.langs a[aria-current]{background:var(--teal);color:#fff}
.card{max-width:820px;margin:10px auto 0;background:#fff;border-radius:28px;padding:28px 22px 30px;box-shadow:0 10px 30px rgba(18,198,214,.15),0 3px 0 var(--mint2)}
h1{font-size:30px;line-height:1.2;margin:0 0 4px;font-weight:800}
h2{font-size:20px;margin:30px 0 8px;font-weight:800;color:var(--teal-d)}
.meta{color:var(--muted);margin:0 0 18px;font-weight:600}
.summary{background:var(--mint);border:2px dashed var(--mint2);border-radius:20px;padding:6px 18px}
ul{padding-left:22px}li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid #E6EEF0}
th{background:var(--teal-l)}
footer{max-width:820px;margin:0 auto;padding:22px 18px 40px;text-align:center;color:var(--muted);font-size:15px}
footer p{margin:6px 0}
.note{font-style:italic}
.bubbles{letter-spacing:6px;opacity:.7}
.hero{text-align:center;padding:6px 0 10px}
.bigturtle{font-size:84px;line-height:1;animation:bob 3s ease-in-out infinite}
.tagline{color:var(--muted);font-weight:700;margin:4px 0 0}
.buttons{display:flex;flex-direction:column;gap:12px;margin:22px 0}
.btn{display:block;text-align:center;font-weight:800;font-size:18px;text-decoration:none;color:#fff;background:var(--teal);padding:14px 18px;border-radius:999px;box-shadow:0 4px 0 var(--teal-d)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--teal-d)}
.contact{text-align:center}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.turtle,.bigturtle{animation:none}}
@media (min-width:640px){.card{padding:40px 48px 44px}h1{font-size:36px}.buttons{flex-direction:row}.btn{flex:1}}