:root{--brand-teal: #5a9a92;--brand-teal-ink: #3d7a73;--brand-ocean: #3d6670;--brand-coral: #d97959;--brand-sun: #e6a65d;--brand-cream: #f8ede3;--brand-cone: #d7a05c;--brand-mint: #c4d9d4;--text: #2d4a52;--muted: rgba(45, 74, 82, .65);--border: rgba(45, 74, 82, .12);--surface: rgba(255, 255, 255, .85);--surface-solid: #ffffff;--surface-2: rgba(248, 237, 227, .7);--shadow-sm: 0 6px 16px rgba(45, 74, 82, .08);--shadow-md: 0 12px 32px rgba(45, 74, 82, .12);--radius-sm: 12px;--radius-md: 16px;--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(248, 252, 251, .8);--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(1400px 700px at 18% -10%,rgba(90,154,146,.16),transparent 65%),radial-gradient(1000px 600px at 82% 8%,rgba(217,121,89,.14),transparent 60%),radial-gradient(800px 500px at 50% 100%,rgba(230,166,93,.1),transparent 55%),linear-gradient(180deg,#f0f8f7 0%,var(--brand-cream) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--color-link);text-decoration-color:#5a9a9259;text-underline-offset:.18em}a:hover{color:var(--color-link-hover);text-decoration:underline}::selection{background:#e6a65d59}:focus-visible{outline:none;box-shadow:0 0 0 4px #5a9a9238;border-radius:8px}.nobr{white-space:nowrap}header{background:var(--color-header-bg);border-bottom:1px solid var(--color-border);padding:.9rem 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:1000}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,#5a9a92f2,#3d7a73f2);color:#fff;border-radius:999px;font-weight:700;border:1px solid rgba(45,74,82,.1);box-shadow:0 10px 22px #3d7a7333;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 #3d7a733d;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,overflow 0s .3s;z-index:1001;box-shadow:var(--shadow-md)}.nav-links.active{max-height:calc(100vh - 5rem);opacity:1;overflow-y:auto;overflow-x:hidden;transition:max-height .3s ease,opacity .3s ease,overflow 0s 0s}.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:#5a9a9214;transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}