*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-secondary:#64748b;--color-accent:#f59e0b;--color-bg:#ffffff;--color-bg-secondary:#f8fafc;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-success:#22c55e;--color-danger:#ef4444;--font-sans:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--max-width:1200px;--header-height:64px}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.8}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:var(--header-height)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.section{padding:3rem 0}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);text-decoration:none}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;text-decoration:none}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-beginner{background:#dbeafe;color:#1d4ed8}.badge-intermediate{background:#fef3c7;color:#b45309}.badge-advanced{background:#fce7f3;color:#be185d}@media (max-width:768px){.main-grid{grid-template-columns:1fr!important}.hero-title{font-size:1.75rem!important}}