:root{--accent-yellow:#ffe27a;--sky-start:#dff3ff;--sky-end:#bfe7ff;--card-bg:#fff;--text-color:#1f2937;--primary:#07c}*{box-sizing:border-box}html,body,#__next{height:100%}body{color:var(--text-color);-webkit-font-smoothing:antialiased;background:#f7f9fc;margin:0;font-family:Segoe UI,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif}.top-accent{background:var(--accent-yellow);z-index:0;width:100%;height:7vh;min-height:40px;position:relative}.navbar-wrapper{z-index:1000;pointer-events:auto;justify-content:center;align-items:flex-start;margin-top:-4vh;display:flex;position:sticky;top:0}.navbar{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:22px;margin:0 16px;padding:10px 22px;display:flex;box-shadow:0 6px 20px #0000001f}.navbar a{color:var(--text-color);letter-spacing:.4px;font-weight:600;text-decoration:none;transition:color .18s}.navbar a:hover{color:var(--primary)}@media (min-width:600px){.navbar{justify-content:center;gap:20px}}@media (min-width:900px){.navbar{gap:28px}}main{padding-top:calc(7vh + 28px)}.hero{background:linear-gradient(180deg,var(--sky-start),var(--sky-end));justify-content:center;align-items:center;min-height:93vh;padding:36px 20px;display:flex}.hero-card{background:var(--card-bg);text-align:center;border-radius:16px;width:100%;max-width:720px;padding:42px 36px;font-size:1.15rem;line-height:1.8;box-shadow:0 10px 30px #00000014}.hero-card h1{color:#005f99;margin:0 0 14px;font-size:2.6rem}.fade-text{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(36px)}.fade-text.show{opacity:1;transform:translateY(0)}.section{text-align:center;padding:80px 20px}.react-box{background:var(--card-bg);border-radius:10px;padding:20px;display:inline-block;box-shadow:0 6px 18px #00000014}@media (max-width:600px){.navbar{border-radius:10px;gap:12px;padding:8px 12px}.hero-card{padding:28px 18px;font-size:1rem}.hero-card h1{font-size:2rem}}.page-container{width:800px;margin:0 auto;padding:60px 20px}.page-home{width:800px}.page-wide{width:1100px}.fade-in{opacity:0;transition:all .6s ease-out;transform:translateY(20px)}.fade-in-visible{opacity:1;transform:translateY(0)}.page-wide-box{box-sizing:border-box;background:#fff;border-radius:16px;width:95%;max-width:1400px;margin:2rem auto;padding:3rem 2rem;box-shadow:0 4px 15px #0000001f,0 6px 25px #00000014}.page-wide-box h1{margin-bottom:1.2rem;font-size:2rem;font-weight:600}.page-wide-box p{font-size:1.1rem;line-height:1.8}.page-full-box{box-sizing:border-box;background:#fff;border-radius:0;width:100%;max-width:none;margin:0;padding:3rem 2rem;box-shadow:0 4px 15px #0000001f,0 6px 25px #00000014}.page-container{box-sizing:border-box;background:#fff;border-radius:16px;width:90%;max-width:100%;margin:20px auto 0;padding:20px;box-shadow:0 4px 6px #0000001a,inset 0 1px 4px #fff9}@media (min-width:768px){.page-box{max-width:900px;padding:28px}}@media (min-width:1100px){.page-box{max-width:1200px}}body{font-size:16px}@media (min-width:768px){body{font-size:18px}}