@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Noto+Serif+JP:wght@300;400;500;600&family=Josefin+Sans:wght@300;400;600;700&display=swap";
:root{--rainbow-red:#e05c6f;--rainbow-orange:#e88c50;--rainbow-yellow:#e8c84a;--rainbow-green:#5abf7a;--rainbow-blue:#4a9de8;--rainbow-indigo:#5a6de8;--rainbow-violet:#9b5ae8;--white:#fff;--off-white:#fafaf8;--light-gray:#f5f5f3;--mid-gray:#e8e8e5;--text-main:#2c2c2a;--text-sub:#6b6b68;--text-light:#9b9b98;--accent:#4a9de8;--accent-dark:#2a7dc8;--accent-light:#d6eaf8;--warm-beige:#f8f3ed;--warm-brown:#8b6f5a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,sans-serif;line-height:1.7}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.rainbow-bar{background:linear-gradient(90deg,var(--rainbow-red)0%,var(--rainbow-orange)14%,var(--rainbow-yellow)28%,var(--rainbow-green)43%,var(--rainbow-blue)57%,var(--rainbow-indigo)71%,var(--rainbow-violet)100%);height:4px}.rainbow-text{background:linear-gradient(90deg,var(--rainbow-red),var(--rainbow-orange),var(--rainbow-yellow),var(--rainbow-green),var(--rainbow-blue),var(--rainbow-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-family:Josefin Sans,sans-serif;font-size:.75rem;font-weight:600;display:block}.section-title{color:var(--text-main);font-family:Noto Serif JP,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;line-height:1.4}.btn-primary{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #4a9de859}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 28px #4a9de873}.btn-outline{border:2px solid var(--accent);color:var(--accent);letter-spacing:.02em;background:0 0;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 28px #4a9de859}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.animate-fade-up{animation:.7s forwards fadeInUp}.animate-float{animation:4s ease-in-out infinite float}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.hover-color-white{transition:color .2s}.hover-color-white:hover{color:#fff!important}.hover-color-accent{transition:color .2s}.hover-color-accent:hover{color:#4a9de8!important}.hover-bg-accent{transition:background .2s,color .2s,border-color .2s}.hover-bg-accent:hover{background:#ffffff1a;border-color:#fff!important}.hover-card{transition:transform .2s,box-shadow .2s,background .2s}.hover-card:hover{background:#fafaf8}