@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";
:root{--color-pink:#ff3b8b;--color-purple:#8b5cf6;--color-blue:#3b82f6;--color-cyan:#06b6d4;--color-green:#10b981;--color-yellow:#f59e0b;--color-orange:#f97316;--color-red:#ef4444;--gradient-primary:linear-gradient(135deg,var(--color-pink),var(--color-purple),var(--color-blue));--gradient-warm:linear-gradient(135deg,var(--color-orange),var(--color-pink));--gradient-cool:linear-gradient(135deg,var(--color-blue),var(--color-cyan));--gradient-rainbow:linear-gradient(90deg,var(--color-red),var(--color-orange),var(--color-yellow),var(--color-green),var(--color-cyan),var(--color-blue),var(--color-purple),var(--color-pink));--color-bg:#fafbff;--color-bg-alt:#f1f3fb;--color-surface:#fff;--color-surface-hover:#f8f9fe;--color-text:#1a1a2e;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012,0 2px 4px #0000000a;--shadow-lg:0 12px 32px #00000014,0 4px 8px #0000000a;--shadow-xl:0 20px 50px #0000001f;--shadow-color:0 4px 16px #8b5cf626;--container-max:1200px;--container-narrow:800px;--header-height:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-family:Noto Sans JP,Outfit,system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.container--narrow{max-width:var(--container-narrow)}.logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:80px 0}.section__title{color:var(--color-text);margin-bottom:8px;font-family:Outfit,Noto Sans JP,sans-serif;font-size:1.75rem;font-weight:800}.section__subtitle{color:var(--color-text-secondary);margin-bottom:40px;font-size:.95rem}.btn{border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-color)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf640}.btn--outline{border:2px solid var(--color-border);color:var(--color-text);background:var(--color-surface)}.btn--outline:hover{border-color:var(--color-purple);color:var(--color-purple);background:#8b5cf60a}.btn--ghost{color:var(--color-text-secondary);padding:8px 16px}.btn--ghost:hover{color:var(--color-purple);background:#8b5cf60f}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-slow);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.grid{gap:24px;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.section{padding:48px 0}.section__title{font-size:1.4rem}}@media (max-width:480px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.container{padding:0 16px}}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--pink{color:var(--color-pink);background:#ff3b8b1a}.badge--purple{color:var(--color-purple);background:#8b5cf61a}.badge--blue{color:var(--color-blue);background:#3b82f61a}.page-header{text-align:center;padding:120px 0 48px;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#8b5cf60f 0%,#0000 70%);position:absolute;inset:0}.page-header__title{margin-bottom:12px;font-family:Outfit,Noto Sans JP,sans-serif;font-size:2.5rem;font-weight:900;position:relative}.page-header__description{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;position:relative}@media (max-width:768px){.page-header{padding:100px 0 36px}.page-header__title{font-size:1.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.prose{max-width:720px;margin:0 auto;line-height:1.8}.prose h2{color:var(--color-text);margin-top:40px;margin-bottom:16px;font-size:1.4rem;font-weight:700}.prose h3{margin-top:32px;margin-bottom:12px;font-size:1.15rem;font-weight:600}.prose p{color:var(--color-text-secondary);margin-bottom:16px}.prose ul,.prose ol{color:var(--color-text-secondary);margin-bottom:16px;padding-left:24px}.prose li{margin-bottom:8px}.prose a{color:var(--color-purple);text-underline-offset:3px;text-decoration:underline}.prose a:hover{color:var(--color-pink)}
.Header-module__hBw1pG__header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-light);height:var(--header-height);background:#fafbffd9;position:fixed;top:0;left:0;right:0}.Header-module__hBw1pG__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.Header-module__hBw1pG__logo{z-index:101;align-items:center;gap:8px;display:flex}.Header-module__hBw1pG__nav{align-items:center;gap:4px;display:flex}.Header-module__hBw1pG__navLink{color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:8px 16px;font-size:.9rem;font-weight:500;position:relative}.Header-module__hBw1pG__navLink:hover{color:var(--color-purple);background:#8b5cf60f}.Header-module__hBw1pG__menuBtn{z-index:101;flex-direction:column;gap:5px;padding:8px;display:none}.Header-module__hBw1pG__menuBtn span{background:var(--color-text);width:22px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.Header-module__hBw1pG__menuBtnOpen span:first-child{transform:rotate(45deg)translate(5px,5px)}.Header-module__hBw1pG__menuBtnOpen span:nth-child(2){opacity:0}.Header-module__hBw1pG__menuBtnOpen span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.Header-module__hBw1pG__menuBtn{display:flex}.Header-module__hBw1pG__nav{-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#fafbfffa;flex-direction:column;justify-content:center;align-items:center;gap:8px;position:fixed;inset:0}.Header-module__hBw1pG__navOpen{opacity:1;pointer-events:all}.Header-module__hBw1pG__navLink{padding:12px 24px;font-size:1.2rem}}
.Footer-module__S6Hkya__footer{background:var(--color-text);color:#fff;position:relative;overflow:hidden}.Footer-module__S6Hkya__inner{padding:64px 24px 32px}.Footer-module__S6Hkya__top{justify-content:space-between;gap:48px;margin-bottom:48px;display:flex}.Footer-module__S6Hkya__brand{flex-shrink:0}.Footer-module__S6Hkya__tagline{color:#ffffff80;max-width:240px;margin-top:12px;font-size:.85rem;line-height:1.6}.Footer-module__S6Hkya__linksGrid{gap:48px;display:flex}.Footer-module__S6Hkya__linkGroupTitle{text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:16px;font-size:.8rem;font-weight:600}.Footer-module__S6Hkya__linkList{flex-direction:column;gap:10px;list-style:none;display:flex}.Footer-module__S6Hkya__link{color:#ffffffa6;transition:color var(--transition-fast);font-size:.9rem}.Footer-module__S6Hkya__link:hover{color:#fff}.Footer-module__S6Hkya__bottom{border-top:1px solid #ffffff14;padding-top:24px}.Footer-module__S6Hkya__copyright{color:#ffffff4d;font-size:.8rem}.Footer-module__S6Hkya__rainbowLine{background:var(--gradient-rainbow);background-size:200% 100%;height:3px;animation:4s linear infinite Footer-module__S6Hkya__shimmer}@media (max-width:768px){.Footer-module__S6Hkya__top{flex-direction:column;gap:32px}.Footer-module__S6Hkya__linksGrid{flex-wrap:wrap;gap:32px}}@media (max-width:480px){.Footer-module__S6Hkya__linksGrid{flex-direction:column;gap:24px}}