:root{--brand-teal: #2a9d8f;--brand-teal-ink: #1a6d64;--brand-ocean: #2b6f82;--brand-coral: #e76f51;--brand-sun: #f4a261;--brand-cream: #fff5df;--brand-cone: #d7a05c;--text: #16313a;--muted: rgba(22, 49, 58, .72);--border: rgba(22, 49, 58, .14);--surface: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--surface-2: rgba(255, 245, 223, .65);--shadow-sm: 0 6px 16px rgba(22, 49, 58, .1);--shadow-md: 0 12px 32px rgba(22, 49, 58, .14);--radius-sm: 10px;--radius-md: 14px;--color-bg: #f6fbff;--color-text: var(--text);--color-border: var(--border);--color-link: var(--brand-teal);--color-link-hover: var(--brand-teal-ink);--color-header-bg: rgba(255, 255, 255, .7);--max-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-text);min-height:100vh;background:radial-gradient(1200px 600px at 14% -12%,rgba(42,157,143,.18),transparent 60%),radial-gradient(900px 520px at 86% 6%,rgba(231,111,81,.14),transparent 55%),linear-gradient(180deg,#f6fbff 0%,var(--brand-cream) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--color-link);text-decoration-color:#2a9d8f59;text-underline-offset:.18em}a:hover{color:var(--color-link-hover);text-decoration:underline}::selection{background:#f4a26159}:focus-visible{outline:none;box-shadow:0 0 0 4px #2a9d8f38;border-radius:8px}header{position:sticky;top:0;z-index:50;background:var(--color-header-bg);border-bottom:1px solid var(--color-border);padding:.9rem 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate}nav{max-width:var(--max-width);margin:0 auto;padding:0 1rem;display:flex;gap:.75rem;align-items:center;position:relative}nav a{font-weight:600;color:var(--text);text-decoration:none;padding:.45rem .75rem;border-radius:999px;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}nav a:hover{text-decoration:none;background:#ffffff8c;box-shadow:0 6px 18px #16313a1a;transform:translateY(-1px)}nav a.brand{padding:.35rem .6rem;display:inline-flex;align-items:center;margin-right:.25rem}nav a.brand:hover{background:#ffffffa6}.brand-logo{height:24px;width:auto}main{margin:2.2rem auto;padding:0 1rem}.container{max-width:var(--max-width);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border);background:#fff9;color:var(--muted);font-size:.9rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.2rem;background:linear-gradient(180deg,#2a9d8ff2,#1a6d64f2);color:#fff;border-radius:999px;font-weight:700;border:1px solid rgba(22,49,58,.1);box-shadow:0 10px 22px #1a6d6433;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 30px #1a6d643d;filter:saturate(1.05)}h1,h2,h3{line-height:1.25}footer{max-width:var(--max-width);margin:4rem auto 2rem;padding:1rem;text-align:center;color:var(--muted);font-size:.9rem}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}.hamburger span{display:block;width:24px;height:2px;background:var(--text);transition:transform .3s ease,opacity .3s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{display:contents}@media(max-width:768px){nav{flex-wrap:nowrap;justify-content:space-between}.hamburger{display:flex}.nav-links{position:absolute;top:calc(100% + .9rem);left:0;right:0;background:var(--surface-solid);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;z-index:-1}.nav-links.active{max-height:400px;opacity:1}.nav-links a{padding:1rem 1.5rem;border-radius:0;text-align:left;border-bottom:1px solid var(--border)}.nav-links a:last-child{border-bottom:none}.nav-links a:hover{background:#2a9d8f14;transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}