@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";
:root{--color-primary:#ffd91f;--color-primary-dark:#e6c100;--color-primary-light:#ffeb80;--color-background-dark:#001621;--color-background-darker:#000c13;--color-background-card:#0a1f2a;--color-background-nav:#0a1f2af2;--color-text:#fff;--color-text-muted:#b0b0b0;--color-text-accent:#ffd91f;--color-border:#1a3a47;--color-border-light:#2a4a57;--font-sans:"Roboto","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-24:6rem;--spacing-32:8rem;--border-radius-sm:.25rem;--border-radius:.5rem;--border-radius-md:.75rem;--border-radius-lg:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--max-width:1200px;--header-height:80px;--header-height-mobile:70px}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-background-dark);font-size:16px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-4);font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-4)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}button{cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-darker)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-4);margin:0 auto}.section{padding:var(--spacing-16)0}.section-title{text-align:center;margin-bottom:var(--spacing-12);font-size:2.5rem;position:relative}.section-title:after{content:"";background-color:var(--color-primary);width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.bg-card{background-color:var(--color-background-card);border-radius:var(--border-radius);box-shadow:var(--shadow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition)ease-in-out}.animate-slideUp{animation:slideUp var(--transition)ease-in-out}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.25rem}.section{padding:var(--spacing-12)0}.section-title{font-size:2rem}}