*,:after,:before{box-sizing:border-box}:root{--color-primary:#4f46e5;--color-primary-dark:#3730a3;--color-accent:#7c3aed;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-bg:#ffffff;--color-bg-subtle:#f9fafb;--color-border:#e5e7eb;--radius:8px;--max-width:960px}body,html{margin:0;padding:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;font-size:16px;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn,button{cursor:pointer;border:none;border-radius:var(--radius);font-family:inherit;font-size:16px;padding:12px 24px;transition:background .2s,transform .1s}.btn:active,button:active{transform:scale(.98)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.btn-primary{background:var(--color-primary);color:#ffffff;font-weight:700}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:#ffffff;color:var(--color-primary);border:2px solid var(--color-primary)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:24px}